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' );
    } );
} );

更多細節在這里

或者甚至可以嘗試這個例子