Одна кнопка редактирования для Bootstrab Datatable

Question

У меня есть таблица (Datatable), заполненная записями, мне не нужно показывать кнопку Edit в каждой строке, я хочу, чтобы пользователь выбрал строку, а затем нажмите кнопку редактирования (под таблицей), чтобы открыть модал начальной загрузкизаполнены выбранными данными строки.

Могу ли я это сделать и как?

Я пытаюсь передать идентификатор выбранной строки в 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>

Модальный идентификатор будет:

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

Не работает: (

Answer 1

Вы можете включить опцию множественного выбора в Datatable и использовать data 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' );
    } );
} );

Подробнее Подробнее здесь

или можете попробовать даже этот пример