效果圖如下：

Demo演示地址：點(diǎn)擊這里

主要的JS代碼如下：

var tbody = document.querySelector('#tableSort').tBodies[0];

var th = document.querySelector('#tableSort').tHead.rows[0].cells;

var td = tbody.rows;

for (var i = 0;i < th.length;i++){

th[i].flag = 1;

th[i].onclick = function(){

sort(this.getAttribute('data-type'),this.flag,this.cellIndex);

this.flag = -this.flag;

};

};

function sort(str,flag,n){

var arr = []; //存放DOM

for (var i = 0;i < td.length;i++){

arr.push(td[i]);

};

//排序

arr.sort(function(a,b){

return method(str,a.cells[n].innerHTML,b.cells[n].innerHTML) * flag;

});

//添加

for (var i = 0;i < arr.length;i++){<

總結(jié)

以上是生活随笔為你收集整理的html自动排序数字,JS实现点击表头表格自动排序（含数字、字符串、日期）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。