CODEWITHSUNDEEP
javascriptdatatables
Kiran Shinde
Kiran Shinde

Reputation: 5992

DataTables column visibility with Responsive extension

I am quite new in jQuery DataTables. I just read about responsive table feature provided by DataTables, see this example.

Here columns are hiding on window resizing but the problem is that last column is also hiding. Can we define which column must be hidden on different window sizes?

Upvotes: 4

Views: 4462

Answers (2)

tabacitu
tabacitu

Reputation: 6193

If you can edit the HTML, you can add the data-priority="1" attribute to the th element you want NOT to be hidden. Ex:

<th data-priority="1">Last column</th>

Upvotes: 1

Gyrocode.com
Gyrocode.com

Reputation: 58890

See Class logic for fine-grained control on when each column would be visible.

For example, to always show last column:

$(document).ready(function(){
    $('#example').DataTable({
       responsive: true,
       columnDefs: [
          targets: -1,
          className: 'all'
       ]
    });
});

where columnDefs.targets set to -1 points to last column (column index counting from the right), and className: 'all' indicates that column will always be visible, regardless of the browser width.

Upvotes: 7

Related Questions