Breaking News: Grepper is joining You.com. Read the official announcement!

datatable child rows without ajax

Vitalik Hakim answered on May 27, 2022 Popularity 9/10 Helpfulness 4/10

answer datatable child rows without ajax

datatable child rows without ajax

Comment

$(document).ready(function (){
    var table = $('#example').DataTable({
        'responsive': true
    });

    // Handle click on "Expand All" button
    $('#btn-show-all-children').on('click', function(){
        // Expand row details
        table.rows(':not(.parent)').nodes().to$().find('td:first-child').trigger('click');
    });

    // Handle click on "Collapse All" button
    $('#btn-hide-all-children').on('click', function(){
        // Collapse row details
        table.rows('.parent').nodes().to$().find('td:first-child').trigger('click');
    });
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: ajax datatable javascript rows

Link to this answer
Share Copy Link