我需要对它们进行排序,因为我将页面视为默认排序,我不需要单击th
来对表进行排序。
我打算使用从最早到最晚排序的date
来创建一个表,但是在线的所有教程只显示了我点击时的可排序标题。那可能吗?谁能帮我吗?顺便说一句,我正在使用我的数据库的{{created_at}}
数据作为我桌上的日期。
这是表格:
<table id="mytable">
<thead>
<tr>
<th>Name</th>
<th id="ed">Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{name}}</th>
<td>{{created_at}}</th>
</tr>
</tbody>
</table>
这是我现在正在使用的js:
function sortTable(f,n){
var rows = $('#mytable tbody tr').get();
rows.sort(function(a, b) {
var A = getVal(a);
var B = getVal(b);
if(A < B) {
return -1*f;
}
if(A > B) {
return 1*f;
}
return 0;
});
function getVal(elm){
var v = $(elm).children('td').eq(n).text().toUpperCase();
if($.isNumeric(v)){
v = parseInt(v,10);
}
return v;
}
$.each(rows, function(index, row) {
$('#mytable').children('tbody').append(row);
});
}
var f_sl = 1;
var f_nm = 1;
$("#ed").click(function(){
f_sl *= -1;
var n = $(this).prevAll().length;
sortTable(f_sl,n);
});