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

Posted 2021-05-03

当我在响应模式下单击图像时，它将在控制台中返回行数据。但在正常视图中我收到Undefined错误。

         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());

           });

答案

请改用以下代码：

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

有关代码和演示，请参阅this example。