Turn off the Select Boxes on every row of table

  • 3
  • Question
  • Updated 11 months ago
  • Answered
  • (Edited)
It seems like I used to be able to make it so a Table Component would not have any checkboxes to select each row if I set the Table to "read only" and did not have any mass or row actions.

This was nice so I could display information without giving the impression that there was something the end user could do with the rows. I tried removing the checkboxes today and they were still showing. I also looked at a table I thought I used to have set to not show checkboxes and the checkboxes are showing now. Very easily could be user error, but wondered if you could verify.

Is there a way to not show any selection checkboxes on the table rows?

Thank you!
Photo of Rich Slack

Rich Slack

  • 4,134 Points 4k badge 2x thumb

Posted 4 years ago

  • 3
Photo of Rich Slack

Rich Slack

  • 4,134 Points 4k badge 2x thumb
Update, some older tables are still working great at not showing the table rows.  But any table that had checkboxes and then I try to remove them will not remove.  And any tables that are new.

I am doing three steps.
1. Setting table to Read Only
2. Removing all Row and Mass Actions
3. Unchecking the Export button


(Edited)
Photo of Ragavendra Reddy

Ragavendra Reddy

  • 110 Points 100 badge 2x thumb
Hi Rich Slack,

You can use a Template with following HTML code

<input type="checkbox"/>
and check "Allowhtml checkbox" .
Thanks,
Raghavendra Reddy.D
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
The presence of a numeric column summary, or excel download will automatically add checkboxes to your table.   If you don't have summaries or excel download on a read only table there will be no checkboxes. 

But, here are some workaround ideas that will all probably not be very satisfactory. 

1. Implement your column summaries in separate UI elements below the table (Maybe a template field).  This probably means you need to add a separate model that does this sumarizing. 

2. Add the following CSS code to your resources tab:   
.nx-editor input[type=checkbox] {
display: none;
}
This will turn off checkboxes on the page (but will not remove the checkbox column from the table). 



 
Photo of Rich Slack

Rich Slack

  • 4,134 Points 4k badge 2x thumb
Ohh...it is the summaries that are tripping me up. Good to know. Thanks Rob! The column with no checkboxes will work for me. It at least doesn't look like the rows can be manipulated. I appreciate your help.
Photo of Bill McCullough

Bill McCullough, Champion

  • 12,436 Points 10k badge 2x thumb
All,

I took Rob's CSS one step further and figured out how to hide the column.  Find the id for your table and use this CSS.

Hide Checkbox Column in Table
--------------

    #sk-3nNp7v-102 td:nth-of-type(1) {
   
    display: none;
   
    }

    #sk-3nNp7v-102 th:nth-of-type(1) {
   
    display: none;
   
    }
Photo of Rob Hatch

Rob Hatch, Official Rep

  • 44,006 Points 20k badge 2x thumb
Sweet.  Thanks for sharing Bill! 
Photo of Steve Wasula

Steve Wasula

  • 220 Points 100 badge 2x thumb
Bill, this works great.  Is this still the preferred way to do this or is there a better way now?
Photo of Bill McCullough

Bill McCullough, Champion

  • 12,436 Points 10k badge 2x thumb
Steve,

It looks like Skuid has modified when they show the check box.  It is hidden if your table is Read Only and has no Mass Actions and no Export button showing.  You have a declarative way to do this.  I checked this in Skuid 10 and 11.

Thanks,

Bill
Photo of Steve Wasula

Steve Wasula

  • 220 Points 100 badge 2x thumb
Bill thanks for the update!  Your way works great.  I've since changed the way I'm displaying the records so I don't need to hide the column at all but this is great to know.