У меня есть таблица данных, в которой есть пара данных, для которых мне нужно установить флажок (выбрать все, множественный выбор), но я не знаю, как это сделать
Я следовал этому скрипка но это не помогает ...
Мне ничего не нужно, кроме Vue.js
.
этого моего стола
<div id="orders">
<table class="table table-responsive table-hover" id="sample_1">
<thead>
<tr>
<th>Delivery Man</th>
<th>#</th>
<th>Client ID</th>
<th>The Client</th>
<th>Client Number</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
и это мой код vuejs
let app = new Vue({
el: '#app',
data: {
orders: {!! $orders->toJson() !!}.data,
},
mounted() {
let table = $('#sample_1').DataTable({
dom: 'Bfrtip',
buttons: [
'colvis'
],
aLengthMenu: [
[-1],
["All"]
],
columnDefs: [{
// 'targets':0,
// 'checkboxes': {
// seletRow: true
// },
// // 'render': function (data, type, full, meta){
// // return '<input type="checkbox" name="id[]" value="'
// // + $('<div/>').text(data).html() + '">';
// // }
// }
'targets': 0,
'searchable': false,
'orderable': false,
'className': 'dt-body-center',
'render': function (data, type, full, meta) {
return '<input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '">';
}
}],
// select:{
// style: 'multi'
// },
}
});
<script src="{{ asset('vendor/js/datatable.min.js') }}"></script>
<script src="{{ asset('vendor/js/datatables.min.js') }}"></script>
<script src="{{ asset('vendor/js/datatables.bootstrap.js') }}"></script>