Я использую таблицы данных для отображения результатов запроса и не использую Ajax. Я пытаюсь использовать функцию сведений о строках таблиц данных, как в этом примере: https://datatables.net/examples/api/row_details.html
Результат, который я получаю из запроса, назначенного массивам, и отображаю их следующим образом:
HTML
<div class="container" >
<div class="table-responsive" >
<table id="myTable" class="table table-striped table-bordered table-hover">
<thead style="background-color: #8BA8CA;">
<tr>
<th class="text-align-center">Job Number</th>
<th class="text-align-center">SC</th>
<th class="text-align-center">Circuit</th>
<th class="text-align-center">Job Type</th>
<th class="text-align-center">Duration(mins)</th>
</tr> </thead>
<tbody>
<?php for($i = 0; $i < count($NUM_1); $i++)
{
?>
<tr>
<td align="center">
<label class="text-align-center">
<?php echo $NUM_1[$i]; ?>
</label></a>
</td>
<td align="center">
<label class="text-align-center">
<?php echo $SC[$i]; ?>
</label>
</td>
<td align="center">
<label class="text-align-center">
<?php echo $CIRCUIT[$i]; ?>
</label>
</td>
<td align="center">
<label class="text-align-center">
<?php echo $JOB_TYPE[$i]; ?>
</label>
</td>
<td align="center">
<label class="text-align-center">
<?php echo $DURATION_MINUTES[$i]; ?>
</label>
</td> <?}?>
1012 * Javascript *
<script>
var dataTables = $('#myTable').DataTable({
fixedHeader: true,
select: {
style: 'multi'
},
order: [[ 1, "asc" ]],
aLengthMenu: [[100, 200, 500, -1], [100, 200, 500, "All"]],
pageLength: 200,rowGroup: {
dataSrc: 1
},
dom: "<'row'<'col-sm-1'l><'col-sm-6 text-center'B><'col-sm-5'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
buttons: [
{extend: 'excel',
text: 'Export to Excel'},
'print'
]
});
</script>
<!--This script applies the column filtering-->
<script>
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#myTable tfoot th').each( function () {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="'+title+' " style="font-size:11px;"/>' );
} );
// DataTable
var table = $('#myTable').DataTable();
// Apply the search
table.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
} );
} );
} );
</script>
Пример, показанный в ссылке (https://datatables.net/examples/api/row_details.html)) использует данные Ajax с Javascript, но мои данные и переменные в PHP.
Как я могу работать с моим PHP и заставить его работать с данными Javascript