Блог

Главная - Вопросы по программированию - Как мне сделать всю строку yajra datatable доступной для кликабельности в laravel ajax? То есть каждая ЦЕЛАЯ СТРОКА доступна для кликабельности. Ниже приведен мой пример кода

Как мне сделать всю строку yajra datatable доступной для кликабельности в laravel ajax? То есть каждая ЦЕЛАЯ СТРОКА доступна для кликабельности. Ниже приведен мой пример кода

#ajax #laravel

#ajax #laravel

Вопрос:

$(function() { $(‘#tableDT’).DataTable({ обработка: true, Серверная сторона: true, ajax: ‘{{ маршрут(‘клиенты’)
}}’, столбцы: [ { данные: ‘first_name’, имя: ‘first_name’ }, { данные: ‘last_name’, имя: ‘last_name’ } ] }); });

Ответ №1:

Я закодировал пример для вас, надеюсь, это то, что вы имели в виду, и может вам помочь.

 var dataSet = [
    [ "Tiger", "Nixon" ],
    [ "Garrett", " Winters" ],
    [ "Ashton", " Cox" ],
    [ "Cedric", " Kelly" ],
    [ "Airi", " Satou" ],
    [ "Thane", " Horton" ],
    [ "Burton", " Jackson" ],
    [ "Macaulay", " Cohen" ],
    [ "Steel", " Whitfield" ],
    [ "Travis", " Ochoa" ],
];
 
$(document).ready(function() {
    var selected = [];                       

    $('#tableDT').DataTable( {
        data: dataSet,
        columns: [
            { title: "First Name" },
            { title: "Last Name" },
        ],
        select: { style: 'multi' },          
        rowCallback: function( row, data ) { 
            if ( $.inArray(data.DT_RowId, selected) !== -1 ) {
                $(row).addClass('selected');
            }
        }
    } );
    
        $('#tableDT tbody').on('click', 'tr', function () {
        var id = this.id;
        var index = $.inArray(id, selected);
 
        if ( index === -1 ) {
            selected.push( id );
        } else {
            selected.splice( index, 1 );
        }
 
        $(this).toggleClass('selected');
    } );
} );  
 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/jquery.dataTables.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
<table id="tableDT">
<thead>

</thead>
<tbody>

</tbody>

</table>

Комментарии:

1. Я очень ценю ваш ответ, я хотел вернуть данные, используя yajra datatable, например $data = Sample_data::latest()-> get(); return DataTables::of($data)-> make(true); Это в моем контроллере затем возвращает мой пример кода для извлечения данных изdb. Я хотел использовать свой код jquery ajax, чтобы сделать строки таблицы интерактивными и перенаправить меня на другую ссылку