Search

for full details): $('#myTable').DataTable( { responsive: true } );

Consider the following: $('#myTable').DataTable( { responsive: true, columnDefs: [ { responsivePriority: 1, targets:

for that table: $('#example').DataTable( { responsive: true } ); It can also be

title: 'Salary' }, ]; const options = { responsive: true, select: true, }; </script> <template>

ajax="/data.json" columns= className="display" options={{ responsive: true, select: true, }} > <thead>

let table = new DataTable('#myTable', { responsive: true }); Note that as of

form as the boolean true it will enable Responsive with the default configuration

such as FixedColumns and Responsive to allow easy row

object. For example: $('#myTable').DataTable( { responsive: true } ); That's it! You may

editor } ] } }, order: [1, 'asc'], responsive: { details: { type: 'column' } }, select: true });

Responsive currently only supports a single row in the table header I'm afraid. That is a short coming that I'm aware of and we plan to address in future, although I'm not yet sure when. Allan

Since, responsive : true make some of the

have var table = $('#table_id').DataTable({ responsive: true }); I tried to add

var dt = $('#myTable').DataTable({ searchHighlight: true, responsive: { details: { display: DataTable.Responsive.display.modal({ header:

document).ready(function () { var table = $('#example').DataTable({ responsive: true, "ajax": "layouts/db_array", "order": [[0,

1, processing: true, serverSide: true, responsive: { details: { renderer: DataTablesCore.Responsive.renderer.listHiddenNodes(), display:

Link to test case: https://live.datatables.net/lificuso/1/edit Description of problem: My datatable contains 14 columns, so horizontal scrolling is defined. But if I turn on responsive "responsive : true" at the same time, horizontal scrolling is no longer possible.

Controller { connect() { $('#scans-datatable').DataTable({ stateSave: true, responsive: true, processing: true, serverSide:

and to enable with responsive: true. Take a look at

paging: false, scrollCollapse: false, responsive: true, info: false, destroy: true,