如何在桌面上设置默认排序顺序?

时间:2016-12-20 06:06:25

标签: javascript html

我需要对它们进行排序,因为我将页面视为默认排序,我不需要单击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);
});

0 个答案:

没有答案