All of the tables when you enable headers default to a 30px height (as far as I can tell), and I cannot figure out how to change this. In particular I am trying to make that header 20px currently. Is there a way to target that property? Or is that property not accessible to us?
Included in this is the desire to change the base height per row, which seems to coincide with the header size, but I again cannot find that property.
I am interested in this also. I’m currently trying to display a single row of data + header in a small space. I’ve changed the text height to 1.5vmin, which shrinks the text size as desired but the header still contains a lot of white space.
Thanks for pointing this out, I’ll remember it for next time. Unfortunately I don’t want to change the style of all tables as these ones are a once off thing. It’s not a big issue, I think I’ll just put up with it for now.
Exposing that property in the designer would be a nice future change…?
This will only apply the height setting to table components with the Ignition style (in my case h-20). Note in the css selector that Ignition prefixes the custom styles with psc- so that you can find them easily, and I assume so it doesn’t override any of their own internal classes.
Although this method works, IMO it’s not very supportable due to the disconnection between the dummy style class and the css file. It would have to be well documented and/or understood by anyone modifying it in the future.
This would be a better solution. I think I will create a post where we can collate all the properties that would be nice to expose and we can then create a feature request based on it
It doesnt have to be the root but then you will have to add the path to it and escape the ‘/’ with '\'
path/to/style/header/h-20 => .psc-path\/to\/style\/header\/h-20
Kinda ugly here but atleast you keep up a nice folder structure in the designer xd