溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

GridView 排序 jquery.tablesorter

發(fā)布時(shí)間:2020-07-25 20:30:31 來(lái)源:網(wǎng)絡(luò) 閱讀:811 作者:小仙女KOMons 欄目:web開(kāi)發(fā)

jquery.tablesorter 是個(gè)不錯(cuò)的表格排序插件

但是在給表格二次加載 也就是 點(diǎn)擊按鈕再加載數(shù)據(jù)的時(shí)候 表格失去了排序功能。

查閱資料  一般說(shuō) 加上 $(".tablesorter").trigger("update");  這句,但是我用沒(méi)效果,可能因?yàn)槲矣昧?UpdatePanel。后來(lái)終于看到個(gè)有效果的 ,在這里備忘一下:

  <script>

          function pageLoad() {

              $(".tablesorter").tablesorter();

          }

 </script>

下面說(shuō)下要注意的,記得給GridView 加上<thead> 默認(rèn)是沒(méi)有的,但是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;

            }

        }



向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI