jquery.tablesorter 是个不错的表格排序插件
但是在给表格二次加载 也就是 点击按钮再加载数据的时候 表格失去了排序功能。
查阅资料 一般说 加上 $(".tablesorter").trigger("update"); 这句,但是我用没效果,可能因为我用了 UpdatePanel。后来终于看到个有效果的 ,在这里备忘一下:
<script>
function pageLoad() {
$(".tablesorter").tablesorter();
}
</script>
下面说下要注意的,记得给GridView 加上<thead> 默认是没有的,但是tablesorter 需要
OnDataBound="GridView1_DataBound"
protected void GridView1_DataBound(object sender, EventArgs e)
{
if (this.GridView1.Rows.Count > 0)
{
GridView1.UseAccessibleHeader = true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (this.GridView1.Rows.Count > 0)
{
GridView1.UseAccessibleHeader = true;
GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
GridView1.FooterRow.TableSection = TableRowSection.TableFooter;
}
}
本文出自 “技术人生” 博客,请务必保留此出处http://zhaoyingyatou.blog.51cto.com/7151735/1698253
GridView 排序 jquery.tablesorter
原文:http://zhaoyingyatou.blog.51cto.com/7151735/1698253