Data Table Component : how to hide certain column based on some condition

[shrix1]

Data Table Component : how to hide certain column based on some condition

For Example : i like to show the view video/ppt column in table only for status : past

can anyone help on this

[noxify]

Hi @shrix1 ,

i don't know how your filter ( Upcoming, Past, Canceled ) is implemented but let's assume you're using an url parameter to handle the status filter ( e.g. http://localhost/list?status=past ), I see two possible ways to solve this.

Based on the url parameter status you can

• use a different column list which excludes the View Video/PPT column
• use the column visibility ( which is documented here and here ) to hide the column.

    const [columnVisibility, setColumnVisibility] = React.useState({
       viewVideoPpt: false, 
    });

Personally, I would prefer option 2.

[shrix1]

Thanks @noxify