Closed liana13 closed 1 month ago
@liana13 I'm not sure if there's a built-in option with Datatables Plugin for that. However, you can use some Javascript/JQuery
script to do it, check a reference example in the next link:
https://stackoverflow.com/questions/66273108/datatables-add-class-to-row-after-creation
Another alternative could be to manually provide the markup of the table, instead of passing the data in the configuration. As shown in the first example here. For example:
{{-- Setup data for datatables --}}
@php
$heads = [
'ID',
'Name',
['label' => 'Phone', 'width' => 40],
['label' => 'Actions', 'no-export' => true, 'width' => 5],
];
$btnEdit = '<button class="btn btn-xs btn-default text-primary mx-1 shadow" title="Edit">
<i class="fa fa-lg fa-fw fa-pen"></i>
</button>';
$btnDelete = '<button class="btn btn-xs btn-default text-danger mx-1 shadow" title="Delete">
<i class="fa fa-lg fa-fw fa-trash"></i>
</button>';
$btnDetails = '<button class="btn btn-xs btn-default text-teal mx-1 shadow" title="Details">
<i class="fa fa-lg fa-fw fa-eye"></i>
</button>';
$config = [
'data' => [
[22, 'John Bender', '+02 (123) 123456789', '<nobr>'.$btnEdit.$btnDelete.$btnDetails.'</nobr>'],
[19, 'Sophia Clemens', '+99 (987) 987654321', '<nobr>'.$btnEdit.$btnDelete.$btnDetails.'</nobr>'],
[3, 'Peter Sousa', '+69 (555) 12367345243', '<nobr>'.$btnEdit.$btnDelete.$btnDetails.'</nobr>'],
],
'order' => [[1, 'asc']],
'columns' => [null, null, null, ['orderable' => false]],
];
@endphp
{{-- Minimal example / fill data using the component slot --}}
<x-adminlte-datatable id="table1" :heads="$heads">
@foreach($config['data'] as $row)
<tr class="my-custom-class">
@foreach($row as $cell)
<td>{!! $cell !!}</td>
@endforeach
</tr>
@endforeach
</x-adminlte-datatable>
Closed due to no feedback!
How can I add custom class for every row here?