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

Posted 2021-05-03

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

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

答案

我相信你要找的是这个，让我知道它是否不能给你需要的结果。

 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中以显示它