Remove Shadow Under Table Header

[Curtis_Turley]

Does anyone know how to remove the shadow under the header of the table component? I have tried messing with a few of the props in all the various style object with no success.

[Matthew.gaitan]

You can either create a custom theme or use CSS injection to remove the drop shadow from the table you're looking at, or all tables in your project.

To use CSS Injection, create a Style class and place this in the background-color property:
} .psc-RemoveDropShadow .ia_table__headContainer, .ia_table__footContainer { box-shadow: unset !important }{

Then, on the table you wish to edit place the RemoveDropShadow class in the style.classes property

If you want this to apply to all tables in your project, you can change the injected CSS to:
} .ia_table__headContainer, .ia_table__footContainer { box-shadow: unset !important }{

Then you won't need to do the second step

Result

[PGriffith]

Or the new stylesheet resource:

New Stylesheet resource

Starting with the 10/4/2022 Nightly (8.1.22) build, users will be able to modify a new styling resource: stylesheet.css This new resource is considered an advanced feature and will not be in place by default. To place the resource, expand the Perspective node of the Project Browser, right-click the Styles node, and select "Enable Advanced Stylesheet". [EnableStylesheet] Once in place, the stylesheet allows for inserting CSS just as you would in any normal CSS file. The rules defined in this r…

[Matthew.gaitan]

patiently waiting for the stable release

[Meghan_Greco]

Just as an FYI for future readers:
In my experience, if you put the code above in the stylesheet while using another style, it will also remove the background color. I used the snippet below instead and it maintains my background color while also removing the header/footer shadow.

.ia_table__headContainer, .ia_table__footContainer {
    box-shadow: none;
}