如何从选定的行datatable.js获取数据

时间:2018-08-16 02:45:07

标签: jquery datatable datatables

以这种方式我获取数据

  $(document).ready(function() {
$('#example').DataTable( {

    "ajax": {
      "method":"POST",
      "url":"exampleurl.php"
      },
      "columns":[
          {"data":"title"},
          {"data":"description"},
          {"defaultContent": "<button  id='show-info' data-toggle='modal' data-target='#show-modal' class='btn btn-primary'>show</button>"}
      ]
} );

 $('#example tbody').on( 'click', 'button', function () {


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

      });
});

我在他们建议使用此功能的地方看到了答案

table.row( this ).data() 

但不适用于我

1 个答案:

答案 0 :(得分:2)

为DataTable实例设置一个变量,并将table.row( this ).data()更改为table.row( $(this).parents('tr') ).data()

$(document).ready(function() {
    var table = $('#example').DataTable( {
        "ajax": {
            "method":"POST",
            "url":"exampleurl.php"
        },
        "columns":[
            {"data":"title"},
            {"data":"description"},
            {"defaultContent": "<button  id='show-info' data-toggle='modal' data-target='#show-modal' class='btn btn-primary'>show</button>"}
        ]
    } );

    $('#example tbody').on( 'click', 'button', function () {


        console.log(table.row( $(this).parents('tr') ).data());

    });
});