Question

我希望有边界的表格在列表视图中显示。我在列表视图中使用了 html 表格, 但我无法获得边界线( rows) 和列 ( triged 边框= “ 2 ” ) 。我试图使用 cs 来获取边界, 但我无法获取表格行。

代码 :

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
 <LayoutTemplate>

                <table id="Table1" border="2" runat="server" class="TableCSS">
                    <tr id="Tr1" runat="server" class="TableHeader">
                        <td id="Td1" runat="server">OwnedBy &nbsp;</td>
                        <td id="Td2" runat="server">Sharedclass &nbsp;</td>
                        <td id="Td3" runat="server">EffectiveInterest &nbsp;</td>
                        <td id="Td4" runat="server">DeemedInterest &nbsp;</td>
                    </tr>
                    <tr id="ItemPlaceholder" runat="server">
                    </tr>
                </table>
            </LayoutTemplate>
<asp:listview>

css:

.TableCSS
        {
            border-bottom-width:thin;
            border-left-width:thin;
            border-bottom-color:Black;        

            background-color:Red;
            width:auto;
            }
        .TableHeader
        {
            border:12px;
            background-color:black;
            color:Snow;
            font-size:11px;
            font-family:Verdana;
            height:auto;
            text-align:center;
            }

Answer 1

要查看表格行, 请为表格设置背景, 并给出单元格间隔=" 1" (将单元格间隔属性添加到表格标签), 并对表格中的所有 TD 标记应用背景颜色。

Answer 2

Notice that the class you gave the table is not the same as what you declared in your css (i.e. class="Table" VS .TableCSS) Also, you can declare a header for each column with <th>.

Answer 3

使用Gridlines.http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrol.table.gridlines.aspx

Answer 4

Inside <td> hard code the styling as: style="border: thin solid #C0C0C0". Change the border color as you want.

友情链接