Reducing the automatic column width

  • 1
  • Question
  • Updated 3 years ago
  • Answered
We've tried reducing the width of table columns to both 0% and 0px, and neither of them have a satisfactory behaviour for checkbox fields.  Even with single character titles, there seems to be a minimum width beyond which we cannot reduce.

A friend reduced the margin CSS property on the input element which looked like it showed potential.  This seems a little fraught.

Is it possible to render those checkbox columns as tight as possible?

Thanks,
greg
Photo of Greg Johnson

Greg Johnson

  • 602 Points 500 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
margin CSS on the input seems to e the way to go.

.tight-checkboxes table.nx-skootable-data input[type=checkbox] {margin: 0;}

Where you give all the table's you want to have the tight checkboxes the css class "tight-checkboxes.
Photo of Greg Johnson

Greg Johnson

  • 602 Points 500 badge 2x thumb
Fantastic.  You're the man!