如何在ASP中创建头和正文?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (61)

如何在ASP中创建头和正文。网表?我需要那些标记,因为jQuery和ASP.NET只给了我tr、th和td。

提问于
用户回答回答于

ASP:TABLE实际上支持<tbody><thead>标签,但以一种不太明显的方式比HtmlTable。

UseAccessibleHeader默认情况下,表为true,这意味着您的标题行将正确地用<th>而不是<td>,但是为了得到<tbody><thead>标签,你可以:

下面是我的示例asp:表标记:

<asp:Table runat="server" ID="tblGeneral">
    <asp:TableHeaderRow ID="TableHeaderRow1" runat="server">
        <asp:TableHeaderCell ID="TableHeaderCell1" runat="server">Column 1</asp:TableHeaderCell>
        <asp:TableHeaderCell ID="TableHeaderCell2" runat="server">Column 2</asp:TableHeaderCell>
        <asp:TableHeaderCell ID="TableHeaderCell3" runat="server">Column 3</asp:TableHeaderCell>
        <asp:TableHeaderCell ID="TableHeaderCell4" runat="server">Column 4</asp:TableHeaderCell>
        <asp:TableHeaderCell ID="TableHeaderCell5" runat="server">Column 5</asp:TableHeaderCell>
    </asp:TableHeaderRow>
</asp:Table>

加载时,我们指定我们的TableHeaderRow1应该是一个TableHeader:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    TableHeaderRow1.TableSection = TableRowSection.TableHeader      
End Sub

最后,在将行插入到所述表的函数中,只需指定所添加的每一行的TableRow节是一个TableBody:

Dim row As TableRow
Dim dvRow As Data.DataRowView

For Each dvRow In dv
    row = New TableRow
    row.TableSection = TableRowSection.TableBody 'THIS is the important bit
    cell = New TableCell
    Col1Stuff = New Label
    Col1Stuff.Text = "Blah"
    cell.Controls.Add(Col1Stuff)
    row.Cells.Add(cell)

    ...

tblGeneral.Rows.Add(row)
Next

您可以在TableRowview属性看起来,您也可以使用asp:table模板来完成这一任务。

用户回答回答于

为了详细说明他的答案,您甚至可以通过设置TableSection属性在标记中,没有后面的代码:

<asp:Table id="yourId" runat="server">
    <asp:TableHeaderRow TableSection="TableHeader">
        <!-- ... -->
    </asp:TableHeaderRow>
    <asp:TableRow>
        <!-- 'TableSection' defaults to 'TableRowSection.TableBody'. -->
        <!-- ... -->
    </asp:TableRow>
    <asp:TableRow TableSection="TableFooter">
        <!-- ... -->
    </asp:TableRow>
</asp:Table>

您可能想尝试一下HtmlTable类代替:

<table id="yourId" runat="server">
    <thead>
        .
        .
        .
    </thead>
    <tbody>
        .
        .
        .
    </tbody>
</table>

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励