jQuery Tablesorter插件无法使用AjaxToolkit Accordion正常运行

问题描述

我正在开发一个ASP Webform项目，并且在使用JQuery tablesorter插件时遇到了一些困难。 我将插件应用于Ajax手风琴中的ASP Gridview控件。不知道是什么问题，但是表格没有完全显示在第一页上。非常感谢您的帮助和反馈

请参阅首页上的图片加载： Table cannot load fully

但是在每次回发或调整浏览器（最小化/最大化）之后，表将完全加载。

参见图片： Full Table

//表排序器的Js代码

function BindTablesorter() {
    
$('#gv_MoeglicheEmailverteiler').tablesorter({

        theme: 'jui',showProcessing: true,headerTemplate: '{content} {icon}',stickyHeaders: "tablesorter-stickyHeader",resizable: true,widgets: ['uitheme','zebra','filter','scroller'],widgetoptions: {
            scroller_upAfterSort: true,scroller_jumpToHeader: true,scroller_height: 450,scroller_fixedColumns: 2,scroller_addFixedOverlay: false,scroller_rowHighlight: 'hover',scroller_barWidth: null
          
        },});   

}

$(document).ready(function () {

   BindTablesorter(); 
});

// Gridview的标记

<ajaxToolkit:AccordionPane ID="AccPEmailverteiler" runat="server">
  <Header><u>Emailverteiler</u></Header>
    <Content>
       <asp:UpdatePanel ID="up_EmailVerteilerOne" runat="server">
         <ContentTemplate>
           <script type="text/javascript">
           Sys.Application.add_load(BindTablesorter);
           </script>
           <asp:GridView ID="gv_MoeglicheEmailverteiler" runat="server" ClientIDMode="Static" 
           AutoGenerateColumns="false" BorderColor="#DEBA84" BackColor="Silver" HeaderStyle Height="40px" OnPreRender="gv_MoeglicheEmailverteiler_PreRender"             HorizontalAlign="Center" CellPadding="3" CssClass="tablesorter">
<Columns>                
  <asp:TemplateField HeaderText="Reihe" ItemStyle-Width="200px" ItemStyle-HorizontalAlign="Center">   
   <ItemTemplate>
    <%# Container.DataItemIndex + 1 %>   
   </ItemTemplate>
  </asp:TemplateField>
  <asp:BoundField datafield="gruppenname" HeaderText="Gruppenname" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px"/>                           
  <asp:BoundField datafield="standort" HeaderText="Standort" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px"/>
  <asp:BoundField datafield="beschreibung" HeaderText="Beschreibung" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px"/>             
  <asp:BoundField datafield="genehmigt" HeaderText="Genehmigt" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px"/>
  <asp:BoundField datafield="zielobjekt" HeaderText="ZielObjekt" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px"/>
  <asp:BoundField datafield="ACTION_CHECKED" HeaderText="Action_Checked" NulldisplayText="n/a" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="250px" />
  <asp:TemplateField ItemStyle-Width="300px"  HeaderText="Action" ItemStyle-HorizontalAlign="Center">
  <ItemTemplate>
   <asp:CheckBox ID="cb_CheckOnemoglicheverteilerRow" runat="server" ItemStyle-HorizontalAlign="Center" class="checkBoxClass" AutopostBack="true" onclick = "Check_Click(this);" OnCheckedChanged="CheckBox_CheckChanged"/>
  </ItemTemplate>        
  </asp:TemplateField>
</Columns>
<HeaderStyle ForeColor="Black" Font-Bold="True" BackColor="#CCCC00"></HeaderStyle>                       
</asp:GridView>
</ContentTemplate>
</asp:UpdatePanel>
</Content>
</ajaxToolkit:AccordionPane>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）