Array with object not displaying properly

#1

Hi there, just wanted to ask if this is the default style for table data (inputs not being visible at the moment). My schema looks like this, please also see the recording below:

            data: {
              type: "array",
              title: "data",
              items: {
                type: "object",
                properties: {
                  fileId: {
                    type: "string",
                    label: "fileId",
                  },
                  fileSize: {
                    type: "integer",
                    label: "fileSize",
                  },
                  fileType: {
                    type: "string",
                    label: "fileType",
                  },
                  icon: {
                    type: "string",
                    label: "icon",
                  },
                  name: {
                    type: "string",
                    label: "name",
                  },
                  provider: {
                    type: "string",
                    label: "provider",
                  },
                  providerFileType: {
                    type: "string",
                    label: "providerFileType",
                  },
                },
              },
            },

[original thread by Lukas Freimonas]

#2

[Lukas Freimonas]

#3

Hi @lukas-frm(lukas-frm) ,
It looks like you are using the vanilla renderers. They are special in the regard, that you need to provide your own css to them in order for them to look good.
So yes if you don’t provide a custom css it will look very plain.
Please check this Documentation: jsonforms/Styles.md at master · eclipsesource/jsonforms · GitHub
The Theia Tree Editor is using the vanilla renderers and you can check its css and config here:

#4

We also use this CSS file for local testing