My goal is to dynamically load datatable data using AJAX and customize the rows and cells by adding parameters such as classes or 'data' attributes. The challenge lies in utilizing a PHP helper that generates JavaScript code, as shown below:
$datatables = array(
'type' => array(
'bAutoWidth' => false,
'ajax' => site_url('admin/parameters/area_add_type_table_data_ajax/' . $t_id),
'paging' => false,
'searching' => true,
'columns' => array(
array('width' => '20%', 'class' => 'text-center')
),
'info' => true,
'scrollX' => true,
),
);
This PHP array gets JSON-encoded to create the necessary JavaScript for rendering the table.
Additionally, the AJAX source provides a JSON-encoded array with data like this:
$data = array('data' => array(array('SOME TEXT HERE...'), array('SOME TEXT IN ANOTHER ROW...')); exit(json_encode($data);
An example row generated from this code is:
<tr role="row" class="odd"><td class="text-center">SOME TEXT HERE...</td></tr>
However, I also need to include some "parameters" in the final rows (tr) and certain cells (tds) indicated by attributes enclosed in double asterisks.
<tr role="row" class="odd" **data-id="##"**><td class="text-center" **data-content="unit_short" data-id="##"**>SOME TEXT HERE...</td></tr>
These IDs depend on the current data in the row, making them variable.
I'm open to any suggestions or solutions, whether it be modifying the existing PHP implementation or implementing a solution purely in JavaScript.