JQuery表分拣机问题

我了解到,通过尝试从jquery使用tablesorter插件,表需要使用和
标签.我使用的是html表,我使用runat ="server"属性,因为我需要将数据绑定到服务器端的表.但是通过使用runat = server属性,代码以不同的方式呈现......而不是像我这样的标记视图中的视图源:

    

        
 
1st
 
2nd
 
3rd
 
    
    

        
1st value
2nd value
3rd value
        
1st value
2nd value
3rd value< /td>
        
1st value
2nd value
3rd value
        
1st value
2nd value
3rd value
    

它看起来像那样但没有和标签..这将使表分类器不起作用？有人可以帮我解决这个问题吗？".NET 3.5 sp1是我正在使用的版本"

你应该看看这里 - 使用JQuery Tablesorter的Code Project Sortable Gridview

实质上,您需要使用Gridview 的UseAccessibleHeader属性,以便在HTML输出中输出thead标记.

protected void Page_Load(object sender, EventArgs e)
{ 
if (this.gridView.Rows.Count > 0)
{
gridView.UseAccessibleHeader = true;
gridView.HeaderRow.TableSection = TableRowSection.TableHeader;
gridView.FooterRow.TableSection = TableRowSection.TableFooter;
}
}

如果使用带有runat ="server"属性的html表而不是asp.net服务器控件,看起来好像没有一种简单的方法可以防止thead标记在html输出中呈现.您可以使用一些JQuery将thead标签插入到文档就绪的DOM中 -

    //in script tags after JQuery and JQuery tablesorter src declarations
    $(function() 
    {
        $('#test').prepend(
        $('').append($('#test tr:first').remove()) 
        );

        $("#test").tablesorter();
            //your table options
    });


//your html and asp markup

1
2
3
  
my data 1.1
this data 1.2
that data 1.3
this data 2.1
that data 2.2
my data 2.3
that data 3.1
my data 3.2
this data 3.3

 

输出这个,与tablesorter一起正常工作 -

1
2
3




this data 1.1
that data 1.2
my data 1.3


my data 2.1
this data 2.2
that data 2.3


that data 3.1
my data 3.2
this data 3.3