Bootstrab数据表的一个编辑按钮

Question

我有一个表（Datatable）填充了记录，我不需要在每一行显示Edit按钮，我希望用户选择行然后按编辑按钮（在tabel下面）打开一个填充了所选行数据的bootstrap模式。

我可以这样做吗？

我正在尝试将选定的行ID传递给Bootstrap Modal，假设我有一个带有所选记录ID的变量，并且记录ID号为25：

$id= 25;

这是edit button ：

<button data-toggle="modal" data-target="#EditRecordModal<?php echo $id;?>" type='button' class='btn btn-primary btn-sm'>Edit</button>

模态ID将是：

<div id="EditRecordModal<?php echo $id;?>" class="modal fade">

不工作:(

Answer 1

您可以在Datatable中启用多选选项，并使用数据attr获取值并创建另一个Datatable

像这样的东西

$(document).ready(function() {
    var table = $('#example').DataTable();

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

    $('#button').click( function () {
        alert( table.rows('.selected').data().length +' row(s) selected' );
    } );
} );

更多细节在这里

或者甚至可以尝试这个例子