用单列宽度问题覆盖整行

时间:2013-08-07 11:24:12

标签: c# html asp.net html-table repeater

我有转发器&表格控件。我的桌子有一栏。当我运行代码时,该行中的每个单元格覆盖行的约25%(基于单元格的内容)。背景颜色也仅在该区域发生变化。我希望细胞覆盖整行。以下是代码。我将列宽设置为100%,但它没有解决问题。我不想硬编码单元格的宽度。

        <div style="overflow-y: auto; width: 100%; height: 395px; border: 0px solid #3C454F; background-color: #FFFBE6; border: 0px solid #3C454F;">
            <asp:Repeater ID="TestList" runat="server">
                <HeaderTemplate>
                    <table>
                </HeaderTemplate>

                <ItemTemplate>
                    <tr style="background-color: aqua; padding-top: 5px">
                        <td style="width: 100%;">
                            <%#Container.DataItem%>
                        </td>
                    </tr>
                </ItemTemplate>

                <AlternatingItemTemplate>
                    <tr style="background-color: white; padding-top: 5px">
                        <td style="width: 100%;">
                            <%#Container.DataItem%>
                        </td>
                    </tr>
                </AlternatingItemTemplate>

                <FooterTemplate>
                    </table>
                </FooterTemplate>

            </asp:Repeater>
        </div>

1 个答案:

答案 0 :(得分:0)

试试这个:

    <div style="overflow-y: auto; width: 100%; height: 395px; border: 0px solid #3C454F; background-color: #FFFBE6; border: 0px solid #3C454F;">
        <asp:Repeater ID="TestList" runat="server">
            <HeaderTemplate>
                <table style="width:100%;">
            </HeaderTemplate>

            <ItemTemplate>
                <tr style="background-color: aqua; padding-top: 5px">
                    <td style="width: 100%;">
                        <%#Container.DataItem%>
                    </td>
                </tr>
            </ItemTemplate>

            <AlternatingItemTemplate>
                <tr style="background-color: white; padding-top: 5px">
                    <td style="width: 100%;">
                        <%#Container.DataItem%>
                    </td>
                </tr>
            </AlternatingItemTemplate>

            <FooterTemplate>
                </table>
            </FooterTemplate>

        </asp:Repeater>
    </div>