如何使用数据表在警报中获取多个选定的行数据

时间:2018-03-06 16:42:52

标签: jquery datatables

要求很小,必须在表格中选择多行,一旦我们点击一​​个按钮,我们就必须在警报中显示所有选定的行数据。 我试过下面的代码,请你帮我解决一下。

var table = $('#example').DataTable();

$('#example tbody').on( 'click', 'tr', function () {
    $(this).toggleClass('selected');
} );

$('#button').click( function () {
     var rowdata = table.row('.selected').data();
      for (var i = 0; i < rowdata.length; i++) {
        alert(rowdata[i]);
    }
} );

Fiddle

1 个答案:

答案 0 :(得分:1)

我相信你所寻找的是这个,如果它没有给出你需要的结果,请告诉我。

 var table = $('#example').DataTable();

        $('#example tbody').on( 'click', 'tr', function () {
            $(this).toggleClass('selected');
        } );

        $('#button').click( function () {
             var rowdata = table.rows('.selected').data();     
         var msg = '';
              for (var i = 0; i < rowdata.length; i++) {
                msg += rowdata[i]
            }
        alert(msg);
        } );

只需要替换

var rowdata = table.row('.selected').data();  

var rowdata = table.rows('.selected').data();  

获取表的所有行并将所有数据连接到var中以显示它