Remove Shadow Under Table Header

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
image

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
image

2 Likes