在表格的行和列之间绘制边框

Nur*_*lan 2 asp.net html-table border rows

如何在asp.net(C#)表的行和列之间绘制边框?

我有以下内容:

<asp:Table ID="Table1" runat="server" BackColor="White" BorderColor="Black" 
        BorderWidth="1px" ForeColor="Black">
    </asp:Table>
Run Code Online (Sandbox Code Playgroud)

在codebehind文件中我添加行:

for (int i = 0; i < games.Count(); i++)
            {
                TableRow tr = new TableRow();

                for (int j = 0; j < 9; j++)
                {
                    TableCell tc = new TableCell();
                    tc.Text = games[i].getData(j);
                    tr.Cells.Add(tc);
                }
                tr.BorderWidth = 1;
                tr.BorderColor = Color.Black;
                Table1.Rows.Add(tr);
            }
Run Code Online (Sandbox Code Playgroud)

但是,II没有看到表格的行和列之间有任何边界.该表是:

在此输入图像描述

那么,如何在asp.net表的行和列之间绘制边框?

cod*_*biz 6

您缺少两个属性

GridLines="Both" BorderStyle="Solid"
Run Code Online (Sandbox Code Playgroud)

应该

<asp:Table ID="Table1" runat="server" BackColor="White" BorderColor="Black" 
    BorderWidth="1" ForeColor="Black" GridLines="Both" BorderStyle="Solid">
Run Code Online (Sandbox Code Playgroud)

CSS样式虽然更好

  • 对于CSS样式,您可以使用:#Table1 {border-collapse:collapse; #Table1,td,th#Table1 {border:1px solid black; } (2认同)