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>

 

带附件下载实例，已经整理过后附件内容。