jQuery 表格排序插件 Tablesorter的使用步骤
1、 引入js,在jQuery之后引入
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
2、 引入css
<link href="css/sort/theme.default.min.css" rel="stylesheet" type="text/css" />
3、 给表头设置id和class
<table id="tb" class="layui-table tablesorter">
注意:表必须有thead和tbody 此处还引入了layUI的样式,所以class为两个值
4、初始化Tablesorter并设置
<!-- 排序-->
<script type="text/javascript">
$(document).ready(function(){
$("#tb").tablesorter({
// : 禁止列排序,默认从0开始
headers:{
0: {
// 第1列不可排序
sorter: false
}
}
});
});
</script>