Hide the first three columns in the Data-Viewer

[Graham Quince]

Hi everyone,

Here's a bit of CSS you can add to an HTML widget to hide the first three columns in the Data Viewer widget should you want to:

<style>
/* Hide first three columns in Data Viewer */ 
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  th:nth-child(2),
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  th:nth-child(3),
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  th:nth-child(4),
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  td:nth-child(2),
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  td:nth-child(3),
div[data-content-uuid="WIDGET_UUID"] .dataviewer-list  td:nth-child(4){
    display: none !important;
}

</style>

 

[gbligh]

How do I hide just the first 2 columns? @Graham Quince

[Graham Quince]

Remove the lines that end in (4)

But make sure your last time includes a comma

[ADT]

6 hours ago, gbligh said:

How do I hide just the first 2 columns? @Graham Quince

There are no silly questions.... just questions..... 😜