GridView 排序 jquery.tablesorter

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;

            }

        }

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>