Jump to content

Hide the first three columns in the Data-Viewer


Graham Quince
 Share

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:

<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>

 

Link to comment
Share on other sites

  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...