Jump to content

Hide the first three columns in the Data-Viewer

Graham Quince

Recommended Posts

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:

/* 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;



Link to comment
Share on other sites

  • 1 year later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...