Perspective change table header size

Ignition
,
6

I thought this might be the case. It is possible to do by:

  1. Create a dummy style (mine is called 'h-20' and is placed in the root of the Styles folder) in the designer using the conventional methods

  2. Apply the style class to the table (should be assigned at props.style.classes)

  3. Amend the css I posted previously too:

div.psc-h-20.ia_tableComponent div.th-container.ia_table__headContainer {
    height: 20px;
}

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 :thinking:

EDIT: Collation Post: [FEATURE] Perspective Component Styles