Table Header Column Css Class

[cyberyaga]

Hello... Loving this project so far.

I have a quick question. I am using the table component. I am specifying my ChildContent and my Column (s) for the table. And I need to make some of the columns dissapear on a small screen.

The Column child component has a CssClass parameter. But it only gets applied to the TD, not the TH. So, when the screen is small only the content is hidden, and the header stays.

How can I get around this?

Thanks

[jacobpihl]

Hi!

If you can get the "if small screen" condition into a variable you can do

@if (!screenIsSmall)
{
    <Column>
        ....
    </Column>
}

Then the column won't be shown on smaller screens.
Maybe ResizeObserver can be of help as well https://tabblazor.com/docs/helpers/resize-observer.