1. 程式人生 > >javascrpt超強html表格(table)指定多列排序

javascrpt超強html表格(table)指定多列排序

引用園區一朋友的點選某列排序,因專案需要自己改造成按多列排序 。 不多說,直接上,jquery.js本地要有的吧。直接修改本地jquey目錄,複製以下程式碼即可。

TableSorter body{font-size:12px;line-height:25px;} tr{height:25px;} th{font-size:14px;border-bottom:solid 1px #DDDDDD;background-color:#EEEEEE;} td{font-size:12px;text-align:center;} .SortDescCss{background-image:url(

http://k2046.cn/tb/Desc.gif);background-repeat:no-repeat;background-position:right center;} .SortAscCss{background-image:url(http://k2046.cn/tb/Asc.gif);background-repeat:no-repeat;background-position:right center;}

(function () {        var oldHTML =.fn.html; .fn.formhtml = function () {            if (arguments.length) return oldHTML.apply(this, arguments);("input,textarea,button", this).each(function () { this.setAttribute('value', this.value); }); (":radio,:checkbox",this).each(function()if(this.checked)this.setAttribute(checked,checked);elsethis.removeAttribute(checked););("option", this).each(function () { if (this.selected) this.setAttribute('selected', 'selected'); else this.removeAttribute('selected'); }); return oldHTML.apply(this); }; })(jQuery); /*使用說明 : 方法1: var tbl = new TableSorter("tb1"); //引數name為table列的序號,type為資料格式(1:字元,2:數字) var p = [{ "name": 4, "type": 1 }, { "name": 5, "type": 2}]; tbl.Sort( p ) ; */ function TableSorter(table) { this.Table = this.dom(table); if (this.Table.rows.length