【DataTable】查询框功能小结

#1->添加搜索框

 $("#example").dataTable({
       "searching": true
  });

 

#2->第一列是固定排名，每次排序要求重新绘制，这样排名不会随着排序一起移动。

  //重新绘制排名的12345...
  var t = $("#example").DataTable();
  t.on('order.dt search.dt', function () {
      t.column(0, {search: 'applied',order: 'applied'}).nodes().each(function (cell, i) {
              cell.innerHTML = i + 1;
      });
  }).draw();

针对第0列，重新绘制排名情况在【search】和【order】即搜索和排序两种情况下都会“applied”，即都会发生。 

同理，在搜索的时候，每条记录的排名也不会随着排序移动。

现在有新的需求，希望每条记录的排名在搜索情况下保留。

解决方法：注释掉 search: 'applied'  即可。

//重新绘制排名的12345...
var t = $("#example").DataTable();
t.on('order.dt search.dt', function () {
    t.column(0, {order: 'applied'}).nodes().each(function (cell, i) {
            cell.innerHTML = i + 1;
    });
}).draw();

 针对第0列，重新绘制排名情况仅发生（“applied”）在【order】排序时即可，搜索的时候不重新绘制排名。