Hide sorting buttons when printing

[fulldecent]

You can't sort tables after printing. So the "sort column" buttons in thead should be hidden.

Here is code I am using that fixes the problem:

      /* data tables fix hide sorting buttons when printing */
      @media print {
        table.dataTable>thead .sorting:before {
          display: none;
        }
        table.dataTable>thead .sorting:after {
          display: none;
        }
      }

[AllanJard]

Good call - thanks for the suggestion! Are you using the Print button, or is this just a print of the whole web-page?

[fulldecent]

You're welcome! I am using the print action from the browser.

---

Side note: I wanted to add a print button and a download CSV file button to my page. But I need to style and position it myself. I wanted to use:

document.addEventListener('DOMContentLoaded', function () {
    let table = new DataTable('#example');
});

<button onclick="table.something()">CSV</button>

but couldn't figure it out.

[AllanJard]

The button().trigger() method can be used to activate a button's action.

[AllanJard]

You could also initialise our buttons using this method and then insert into the document using the method shown there and style via CSS as needed.

[fulldecent]

Awesome, thank you! I got my CSV button working. Later will try upgrading to the latest DataTables version and getting a print button to work.