jquery 表格排序插件
jquery 表格内容排序插件,插件来源:http://www.veryhuo.com/
?
以下是使用方法和内容
插件说明
----------------------------[说明]------------------------------ 用于把Table转为可排序的Table ----------------------------[使用]------------------------------ 1、给设置标题行添加名自定义属性role="head" 2、标题行中需要排序的列添加自定义属性sort="true" 3、调用扩展方法,如:$("#tableId").sorttable(); --------------------------[配置参数]---------------------------- sorttingMsg: 排序时显示的文字(默认为"排序中……"), sorttingMsgColor: 排序时显示的文字的颜色(默认为"#FFF"), allowMask: 是否允许遮罩层(默认为true), maskOpacity: 遮罩层的透明度(默认为"0.5"), maskColor: 遮罩层的颜色(默认为"#000"), ascImgUrl: 升序图片(默认为不显示), ascImgSize: 升序图片大小(默认为"8px"), descImgUrl: 降序图片(默认为不显示), descImgSize: 降序图片大小(默认为"8px") --------------------------[回调参数]---------------------------- onSorted(cell): 排序完成回调函数(参数:cell,当前排序列的头(一般是th或者td的jquery对象))
<script type="text/javascript"> $(function () { $("#tb").sorttable({ ascImgUrl: "../Images/bullet_arrow_up.png", descImgUrl: "../Images/bullet_arrow_down.png", ascImgSize: "8px", descImgSize: "8px", onSorted: function (cell) { alert(cell.index() + " -- " + cell.text()); } }); });</script>
?
带附件下载实例,已经整理过后附件内容。