Answers

• kthorngren Posts: 21,841Questions: 26Answers: 5,049

  March 27 Answer ✓

  I would also like to put more space between the column text descriptor and the tick which shows that the column is active.

  Right click on one of the columns and you will find this for the active columns:

  div.dt-button-collection .dt-button-active:after {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      right: 1em;
      display: inline-block;
      content: "✓";
      color: inherit;
  }
  

  Try changing right: 1em; to a decimal number like right: 0.5em;. You should see real time what affect the change has.

  Do the same thing with the Active text, something like this:

  .dt-button.buttons-columnVisibility, .dt-button.buttons-columnVisibility.dt-button-active {
      color: green;
      margin-right: 2rem;
  }
  

  I changed the color from black to green with the above.

  Kevin