Hello,

I am wondering how to achieve the following scenario:

1. Same page for all objects below

2. Graph with filters only, i.e. hidden table → already achieved via:

    <style>
    .wpDataTablesWrapper table.wpDataTable {display: none !important;}
     </style>

     [wpdatatable id=1]

     [wpdatachart id=1]

3. Under the Graph (on the same page) visible different table (e.g. [wpdatatable id=2])→ can't achieve it as it auto accepts style above (hidden table) and typical CSS reference to apply display none to table_1 only like  → #table_1  table.wpDataTable {display: none !important;} → doesn't work

NOTE: I tried both procedures 

a) Adding the code to hide the table above to custom CSS of the targeted table id=1  → in the table preview, it works as it should - the table is hidden and only filters are shown; other tables (id = 2) have no Custom CSS and in their preview they are shown normally

b) second procedure, add the code from point (2) to the page block code whereas custom CSS is empty for all tables

However, both procedures lead to the same result - all tables are hidden, i.e. custom CSS is always used for all tables

Can you please give me a hint on applying the display none to a specified table only, e.g.  #table_1... ?

Hello, thank you for Your reply, I have found a solution - use "Table preview and columns setup"  and in "Column List" I hid all the columns of a table which is used as a filter for a graph. 

This way it applies only to the table, thus other tables are keeping their formatting.