how to get clicked row data Jquery data table

Question

I have jquery datatable and its grouped according to date. I want to add new event action when click group header. But I cannot get clicked group data. How to get clicked group data. I used below code, still cannot get clicked group data.

 $(document).ready(function(){
        var otable;
        otable = $('#data').DataTable({
            "bProcessing":true,
            "bServerside":true,
            "sServerMethod":"post",
            "sAjaxSource": "http://localhost/test/test",
            "bDestroy":true,
            "aaSorting":[[2,'desc']]
        }).rowGrouping({
            bExpandableGrouping:true,
            iGroupingColumnInex:6
        });



    $('#data body').bind('click','tr.group',function(){
       var data = $('#data').DataTable().row(this).data()
    });
 })

Eric Guan · Accepted Answer · 2016-03-29 01:47:02Z

6

Pass the tr element to an instance of the DataTables api. I changed your bind to on because it's the recommended way, change it back if you're using an older version.

$('#data body').on('click','tr.group',function(){
    var data = $(your table selector).DataTable().row(this).data();
});

EDIT: cleaner solution by commenter, thx

edited Mar 29, 2016 at 1:47

answered Mar 29, 2016 at 1:37

Eric Guan

16.1k10 gold badges53 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Gyrocode.com Over a year ago

No need to pass jQuery object, row(this) will also work.

Eric Guan Over a year ago

Post your html and js please. Have you initialize DataTables correctly?

Eric Guan Over a year ago

How did you implement my answer, did you use otable or $('#data')?

Janzz dl Over a year ago

It creates this error $('#data').DataTable().row is not a function

Eric Guan Over a year ago

I can't see anything that would cause that error. If you make me a jsfiddle recreating the error then i can help more.

Collectives™ on Stack Overflow

how to get clicked row data Jquery data table

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related