Question

我希望带有边框的表在列表视图中显示。我在列表视图中使用了html表，但是我无法获得边框线（行和列）（尝试border =“2”）。我试图得到边框也使用css，但我不能得到表格线。

代码：

<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

要查看表格行，请为表格设置背景，并将cellspacing =“1”（将cellspacing属性添加到Table标记）并为表格中的所有TD标记应用背景颜色。

Answer 2

请注意，您为该表提供的类与您在css中声明的类不同（即class =“Table”VS .TableCSS）此外，您可以使用<th>为每列声明标题。

Answer 3

使用网格线。 http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.table.gridlines.aspx

Answer 4

在{{1}}内部硬编码样式为： style =＆＃34; border：thin solid＃C0C0C0＆＃34;。根据需要更改边框颜色。

listview内有边框的表

4 个答案: