获取行数据的功能仅在数据表中的响应模式下有效

Question

When I click on the image in Reponsive mode, it will return the row data in console. But in normal view I get Undefined error.

         var table =  $('.dataTable').DataTable({
                "responsive": true,                                   
                "columnDefs": [{
                    "targets": 4,
                    "data": null,
                    "render": function (data, type, full, meta) {
                        if (type === 'display') {
                            data = "<a href='#' width='30px' class='editMe' data='" + full[0] + "'><img src='/images/edit.png' width='30px' /></a>";
                        }
                        return data;
                    }
                } ,

                {
                       "targets": 0,
                       "visible": false,
                       "searchable": false
                }]
           });


           $('.dataTable').on('click', '.editMe', function () {

               console.log(table.row(this).data());

           });

Answer 1

Use the code below instead:

$('.dataTable').on('click', '.editMe', function () {
    var $row = $(this).closest('tr');
    if($row.hasClass('child')){ $row = $row.prev(); }
    console.log(table.row($row).data());
});

See this example for code and demonstration.