Answers

• lazzy Posts: 21Questions: 8Answers: 0

  October 2017

  i think file buttons.colVis.js
  line 151
  should add
  var title = dt.settings()[0].aoColumns[ idx ].sTitle
  .replace(/<select(.*)<\/select>/g, "")
• allan Posts: 63,160Questions: 1Answers: 10,406 Site admin

  October 2017 Answer ✓

  Yup - its a little hacky, but that's a good wrong around for now until I sort out a better API for this sort of thing.

  Fix committed here and it will be in the next release.

  Regards,
  Allan
• lazzy Posts: 21Questions: 8Answers: 0

  November 2017

  Hello,
  I have one question. How can change colVis like checkboxes? checkboxes makes user able understand column visibility more quickly than an button color.
  for bootstrap theme how can i change it to list group ?https://getbootstrap.com/docs/3.3/components/#list-group
• kthorngren Posts: 21,141Questions: 26Answers: 4,918

  November 2017

  You might be able to adapt this example to use checkboxes:
  https://datatables.net/examples/api/show_hide.html

  Kevin
• lazzy Posts: 21Questions: 8Answers: 0

  November 2017

  yes it is another way but colVis is best way. can i make custom button ?
  it look like buttons: [
  'copy', 'colVisCheckboxes', 'pdf'
  ]
  and i create file buttons.colVisCheckboxes.js in same folder?
• allan Posts: 63,160Questions: 1Answers: 10,406 Site admin

  November 2017 Answer ✓

  At the moment, the best option is probably to use a UTF8 checkbox character and put that in to the CSS for your page.

  div.dt-button-collection a.dt-button span:before {
    display: inline-block;
    content: '\2610';
    padding-right: 6px;
  }
  
  div.dt-button-collection a.dt-button.active span:before {
    display: inline-block;
    content: '\2611';
    padding-right: 6px;
  }
  

  http://live.datatables.net/xuxejava/1/edit

  Allan
• lazzy Posts: 21Questions: 8Answers: 0

  November 2017

  oh thanks dont think about it with ccss and symbol