Search

Datatables allows setting options on the table tag using HTML5 data attributes. Use the solution that works best for you.

You have div with the table-responsive class which I believe is Bootstrap's responsive table mechanism. You can see the behavior here of BS enabling scrolling of the table. Remove that and that sho…

Hi Mohan,

I am using Datatables with the Responsive extension. From the example and JS and CSS from this page: https://gyrocode.com/articles/jquery-datatables-how-to-expand-collapse-all-child-rows/#responsive,

Hi,

>

`jQuery(document).ready(function() { var urlDelete = ''; var invoiceId = 0; var invoiceTable = jQuery('#responsive-data-table').DataTable({

Yep, it looks like you are using Bootstrap Responsive instead with the class table-responsive. The BS responsive seems to be working (scrollbar) on both tables. They behave a bit differently but si…

I don't see a Responsive API to enable/disable it. In order to change most Datatable options like scrolling you will need to destroy the Datatable and reinitialize it with the desired options. The …

https://datatables.net/reference/api/#responsive

Hi @Ozz1k ,

$('#responsive-datatable tbody').on('click', '.a', function(){ alert($(this).closest('tr').attr('id')); });

$(document).ready(function() { // Responsive Datatable $('#responsive-datatable').DataTable(); } ); $('.a').click(function(){

Correct, there are no first party typings for DataTables and its extensions at the moment.

Apparently that was a bug, waiting to be released. It's been pushed so it'll build tonight in the nightly temporary releases, and it'll be in the next official release when that's made (should be soon

i'm with you now. Could you try the nightly version of the Responsive software, which I believe has addresses this issue. It was an index error when columns were hidden.

Hi acts7seven,

I look on the reference page, #Responsive options but i don't find an option who can help me...

https://datatables.net/download/release#Responsive

table = $('#responsive-table').DataTable({"bSort": false, bFilter: false, bInfo: false, "bPaginate": false, "bDestroy": true, "autoWidth": false});