如何在数据表中设置降序
how to set desecending order in datatable
我正在尝试将默认排序设置为数据table,但它不起作用,下面我给出了代码,我 working.I 想将排序设置为 lastupdate 列的降序排序,我使用"order"":[1,desc]。但这不起作用。
//下面是我的jquery
$('#tableId').DataTable({
processing: true,
serverSide: true,
ajax: {
"url": "{{route('data.get')}}"
},
columns: [
{data: 'name', name: 'name', ordarable: true, title: 'Name'},
{data: 'updated', name: 'updated', ordarable: true, title: 'Last Updated'}
]
});
//下面是我的table在html
<table id="tableId" class="display table table_legenda" style="width:100%">
</table>
$(document).ready(function() {
$('#example').DataTable({
dom: 'Bfrtip',
"paging": true,
"order": [
[1, "desc"]
],
columnDefs: [{
orderable: false,
targets: 0
}],
columns: [{
data: 'name',
},
{
data: 'surname'
},
{
data: 'position'
},
{
data: 'office'
},
{
data: 'salary'
}
],
buttons: [{
extend: 'excelHtml5',
exportOptions: {
orthogonal: 'export'
}
}]
});
});
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.js" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>First name</th>
<th>Last name</th>
<th>Position</th>
<th>Office</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger</td>
<td>Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Garrett</td>
<td>Winters</td>
<td>Accountant</td>
<td>
test123</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Ashton</td>
<td>Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Cedric</td>
<td>Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Airi</td>
<td>Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Brielle</td>
<td>Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">retrww</option>
<option value="test">121212</option>
<option value="test">btersdf</option>
</select></td>
</tr>
<tr>
<td>Herrod</td>
<td>Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
<option value="test345">test1234</option>
</select></td>
</tr>
</tbody>
</table>
我正在尝试将默认排序设置为数据table,但它不起作用,下面我给出了代码,我 working.I 想将排序设置为 lastupdate 列的降序排序,我使用"order"":[1,desc]。但这不起作用。
//下面是我的jquery
$('#tableId').DataTable({
processing: true,
serverSide: true,
ajax: {
"url": "{{route('data.get')}}"
},
columns: [
{data: 'name', name: 'name', ordarable: true, title: 'Name'},
{data: 'updated', name: 'updated', ordarable: true, title: 'Last Updated'}
]
});
//下面是我的table在html
<table id="tableId" class="display table table_legenda" style="width:100%">
</table>
$(document).ready(function() {
$('#example').DataTable({
dom: 'Bfrtip',
"paging": true,
"order": [
[1, "desc"]
],
columnDefs: [{
orderable: false,
targets: 0
}],
columns: [{
data: 'name',
},
{
data: 'surname'
},
{
data: 'position'
},
{
data: 'office'
},
{
data: 'salary'
}
],
buttons: [{
extend: 'excelHtml5',
exportOptions: {
orthogonal: 'export'
}
}]
});
});
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.js" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>First name</th>
<th>Last name</th>
<th>Position</th>
<th>Office</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger</td>
<td>Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Garrett</td>
<td>Winters</td>
<td>Accountant</td>
<td>
test123</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Ashton</td>
<td>Cox</td>
<td>Junior Technical Author</td>
<td>San Francisco</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Cedric</td>
<td>Kelly</td>
<td>Senior Javascript Developer</td>
<td>Edinburgh</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Airi</td>
<td>Satou</td>
<td>Accountant</td>
<td>Tokyo</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
</select></td>
</tr>
<tr>
<td>Brielle</td>
<td>Williamson</td>
<td>Integration Specialist</td>
<td>New York</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">retrww</option>
<option value="test">121212</option>
<option value="test">btersdf</option>
</select></td>
</tr>
<tr>
<td>Herrod</td>
<td>Chandler</td>
<td>Sales Assistant</td>
<td>San Francisco</td>
<td>
<select>
<option value="">Select Report</option>
<option value="test">tests</option>
<option value="test">121212</option>
<option value="test345">test1234</option>
</select></td>
</tr>
</tbody>
</table>