2

下面的代码运行良好,但列非常靠近。有没有办法设置每列的宽度?另外,有没有办法缩进整个“pnlChildView”?

谢谢,

<asp:DataList BackColor="#ffffff" id="DataList1" DataSourceID="dsCompanyList"  
              runat="server" Width="100%" DataKeyField="Company"
              UseAccessibleHeader="true" CssClass="books"
              HeaderStyle-CssClass="header" ItemStyle-CssClass="item"
              AlternatingItemStyle-CssClass="alternating"> 
    <ItemTemplate>
        <asp:LinkButton ID="LinkButton1" runat="server" Text="+" 
                        CommandArgument='<%#Container.ItemIndex%>'
                        OnCommand="LinkButton1_Command"  
                        Font-Underline="false">
        </asp:LinkButton>
        <%#Eval("Row")%>
        <%#Eval("Company")%>
        <asp:Panel ID="pnlChildView" runat="server" style="margin-right:50px;">
            <asp:DataList ID="childList" runat="server" Width="100%">
                <ItemTemplate>
                    <tr>
                        <td><%#Eval("FirstName")%></td>
                        <td><%#Eval("LastName")%></td>                        
                    </tr>
                </ItemTemplate>
            </asp:DataList>
        </asp:Panel>
    </ItemTemplate>
</asp:DataList>
4

2 回答 2

0

尝试将样式应用于 TD,例如:

<td style="width: 200px;"><%#Eval("FirstName")%></td>
<td style="width: 300px;"><%#Eval("LastName")%></td>  

根据需要使用填充和其他属性对其进行调整。

对于您的主面板,而不是style="margin-right:50px;尝试style="padding-left:50px;缩进它。

于 2013-09-30T18:41:09.340 回答
0

您可以使用 的CellPadding属性在列之间生成空格DataList,如下所示:

<asp:DataList CellPadding="10"

注意:单元格填充的单位是像素。

使用 CSSmarginpadding为您缩进,如下所示:

<asp:Panel ID="pnlChildView" runat="server" style="margin:50px;">

注意:margin它本身会对盒子的所有四个边应用相同的边距值。使用margin-leftmargin-top或表示盒子margin-rightmargin-bottom各个侧面。

或者

<asp:Panel ID="pnlChildView" runat="server" style="padding:50px;">

注意:padding它本身会对盒子的所有四个边应用相同的填充值。使用padding-leftpadding-top或表示盒子padding-rightpadding-bottom各个侧面。

阅读边距和填充之间有什么区别?了解更多信息。

于 2013-09-30T18:45:14.537 回答