Я использую обычную таблицу и получаю данные с контроллера, используя ajax. все работает правильно !!
сейчас я пытаюсь использовать dataTable
Html
<td><a style="color: orange; width: 20%;" class="Tax_class" data-toggle="modal" data-target="#eachTaxList" data-month="{{$booking->Month}}" data-url="{{ route('admin.every.month.booking') }}">{{$booking->Month}}</a></td>
<!-- Modal Tax -->
<div class="modal fade" id="eachTaxList" tabindex="-1" role="dialog" aria-labelledby="roomLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">Tax</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="display table-bordered each_tax_list" style="width:100%">
<thead>
<tr>
<th>No</th>
<th>Create Date</th>
<th>Type</th>
<th>Name</th>
<th>Tax</th>
</tr>
</thead>
<tbody id="tBody_all"></tbody>
</table>
</div>
</div>
</div>
</div>
ajax
success:function(res){
$.each(res,function(index,row){
bodyData+='<td >'
.....
bodyData+="</tr>";
});
$("#tBody_all").html(bodyData);
$('.each_tax_list').DataTable({
// retrieve: true,
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
],
scrollY: "300px",
scrollX: true,
scrollCollapse: true,
// "destroy": true//use for reinitialize datatable
});
});
}
Мой ajax ответ работает правильно, но после добавления таблицы данных он показывает, но когда я пытаюсь напечатать только первое нажатое шоу для всего списка таблиц. Как сделать это Dynami c not stati c?
внутри таблицы, у меня есть 5 строк, в каждой строке есть модальное всплывающее окно, чтобы показать детали. теперь с помощью datatable печатается всплывающее окно только для первого щелчка для других строк таблицы. любое решение, спасибо