来自 javasscript 高级设计书中
主要是使用了 Array 数组的 sort方法 函数内传入函数
dataType 可以 设置,这个比较简单 使用 localeCompare 函数比较
学习这个用于修改 jquery flexigrid 使用 前端排序
<html>
<head>
<title>mutiple table sorting</title>
<script type="text/javascript">
function generateCompareTRs(iCol){
return function compareTRs(oTR1,oTR2){
var sValue1 = oTR1.cells[iCol].firstChild.nodeValue;
var sValue2 = oTR2.cells[iCol].firstChild.nodeValue;
return sValue1.localeCompare(sValue2);
};
}
function sortTable(sTableID,iCol){
var oTable = document.getElementById(sTableID);
var oTBody = oTable.tBodies[0];
var colDataRows = oTBody.rows;
var aTRs = new Array;
for(var i = 0;i<colDataRows.length;i++)
aTRs.push(colDataRows[i]);
if(oTable.sortCol ==iCol)
aTRs.reverse();
else
aTRs.sort(generateCompareTRs(iCol));
var oFragment = document.createDocumentFragment();
for(var i = 0;i<aTRs.length;i++)
oFragment.appendChild(aTRs[i]);
oTBody.appendChild(oFragment);
oTable.sortCol = iCol;
}
</script>
<table id="tblSort" border="1">
<tHead>
<tr><th onclick="sortTable('tblSort',0)" style="cursor:pointer">no</th><th onclick="sortTable('tblSort',1)" style="cursor:pointer">information</th></tr>
</tHead>
<tBody>
<tr><td>1</td><td>mo</td></tr>
<tr><td>2</td><td>aaa</td></tr>
<tr><td>3</td><td>cc</td></tr>
<tr><td>4</td><td>dddd</td></tr>
<tr><td>5</td><td>jianpo</td></tr>
<tr><td>6</td><td>ffff</td></tr>
</tBody>
</table>
</head>
</html>
分享到:
相关推荐
JavaScript Table排序实例
javascript Table排序javascript Table排序javascript Table排序javascript Table排序
javascript table排序 2.0 (更新)
主要介绍了javascript实现Table排序的方法,涉及javascript针对表格对象的获取与排序相关技巧,需要的朋友可以参考下
javascript 操作 Table 排序!
在JavaScript中,对HTML表格(`<table>`)进行排序是一项常见的需求,特别是在处理大量数据时,用户可能希望根据特定列来动态调整表格顺序。在不改变表格结构的前提下,可以利用JavaScript实现这样的功能,通常涉及...
近来还是那么忙,趁五一更新一下程序吧。 这个版本主要增加和改进了以下东西: 1,对字符串改用localeCompare来比较;...Table 排序 .odTable { width:500px; border:1px solid #ebebeb; line-height:20px; fo
程序的实现的是在客户端对表格进行排序,有以下特点: 1.自定义排序列、排序属性(例如innerHTML)、排序数据类型(包括int、float、date、string)、排序顺序(顺序和倒序); 2.自定义排序函数; 3.可同时设置...
分享一款原生js table表格自动排序效果,个人感觉很好用
table表头点击可实现排序,用JavaScript编写,可修改使用
用于b/s前端表格数据排序的方法,使用javascript 操作table,可以选择对表格中任一部分进行排序的说
功能强大的javascript表格排序,可以设定排序规则,设定哪些列排序,哪些列不排序。运行速度快。两部操作就搞定,使用方便简单!解决服务器端数据库排序的压力!
step1:导入css,js,images到你的project ...step3:给要排序的table加上id="xxx" step4:定义排序列的数据类型 <script type="text/javascript"> initTableWidget('xxx',0,0,Array('S','S','S',0),false); </script>
Javascript 对Table的客户端排序 的JS文件
使用JavaScript实现表格排序,点击表头切换升序降序,非常简单
vue 使用 sortable 实现 el-table 拖拽排序功能 本文给大家介绍vue 使用 sortable 实现 el-table 拖拽排序功能,具体内容如下所示: npm 下载: npm install sortablejs --save 引入: import Sortable from ...
网上搜来的,分享下,虽然封装得不算特别好,当里面实现的技巧很有利于了解其中的原理.js里面有很多注释,很容易读懂.
在JavaScript中实现简单的table排序和操作,主要涉及到了HTML表格元素的特性和JavaScript对DOM对象的操作。以下是对这些知识点的详细解释: 1. **HTML表格元素**: - `<table>`:HTML表格的基本元素,用于定义表格...