js,表头,排序,方法
web前端-js教程
本文实例讲述了js表头排序实现方法。分享给大家供大家参考。spring core 源码,vue 中vscode插件,ubuntu sh r,tomcat监控怎样容易,thinkphp爬虫库,php中国菜刀,沧州seo营销大概多少费用,.net网站系统源码,html5手机相册模板lzw
具体实现方法如下：asp二手房源码,vscode 彻底卸载,gpart ubuntu,tomcat报错412,sqlite3事务控制,海报 dz插件,vue.js是前端框架吗,爬虫蚊虫最怕什么农药,php数据存储,惠州seo推广推荐,诱惑网站模板,网页特效 漂浮的气泡,菜单模板免费lzw
//是否递减排序
var isDescending = true;
/*****************************************
* 要排序的行必须放到标签中
* tableId:排序表格ID
* colNo：排序的列号，即第几列，从0开始
* startRowNo：排序的开始行号，从0开始
* sortLength：要排序的行数，
* type：排序列的类型
*/
function sort(tableId, colNo ,startRowNo, sortLength, type)
{
//如果要排序的行数是1或是0，则不对其进行排序操作
if(sortLength<=1){
return;
}
var currTable = document.getElementById(tableId);
var theHeader = currTable.outerHTML.substring(0, currTable.outerHTML.indexOf('')+7)
var theFooter = currTable.outerHTML.substring(currTable.outerHTML.indexOf('')-8);
//这里的行数是去掉表头表头行和表位行的行数
var theRows = new Array(sortLength);
//对表中的数据进行循环
for(i=startRowNo; i<sortLength+startRowNo; i++)
{
theRows[i-startRowNo] = new Array(currTable.rows[i].cells[colNo].innerText.toLowerCase(), currTable.rows[i].outerHTML);
}
if(type.toUpperCase()=='NUMBER')
{
theRows.sort(compareNumber);
}
else if(type.toUpperCase()=='DATE')
theRows.sort(compareDate);
else if(type.toUpperCase()=='STRING')
theRows.sort(compareString);
var tableInfo=''
for(j=0; j<theRows.length; j++)
{
tableInfo+=theRows[j][1];
}
isDescending = !isDescending;
currTable.outerHTML= theHeader + tableInfo +theFooter;
return ;
}
//对数字进行比较
function compareNumber(x, y)
{
//对货币格式的数据进行转化
a = x[0].excludeChars(",").trim();
b = y[0].excludeChars(",").trim();08影院网站源码,前端vscode的断点调试,ubuntu软重启,tomcat中清理缓存,pthon爬虫答辩,php 字符转utf8,2022seo怎么做,手机苗木网站源码,wordpress图片站模板lzwif(a==""){a=0;}
if(b==""){b=0;}
if(isDescending)
{
return parseFloat(b) - parseFloat(a);
}
else
{
return parseFloat(a) - parseFloat(b);
}
}
//对字符串进行比较
function compareString(x, y)
{
if(isDescending)
{
if(x[0]>y[0]) return -1;
else if(x[0]<y[0]) return 1;
else return 0;
}
else
{
if(x[0]<y[0]) return -1;
else if(x[0]>y[0]) return 1;
else return 0;
}
}
//对时间进行比较
function compareDate(x,y){
var arr=x[0].split("-");
var starttime=new Date(arr[0],arr[1],arr[2]);
var starttimes=starttime.getTime();
var arrs=y[0].split("-");
var lktime=new Date(arrs[0],arrs[1],arrs[2]);
var lktimes=lktime.getTime();if(isDescending)
{
return lktimes - starttimes;
}
else
{
return starttimes - lktimes;
}
}
//去除字符串中所有指定的字符串
String.prototype.excludeChars = function(chars){
var matching = new RegExp(chars , "g") ;
return this.replace(matching , '') ;
}