asp.net - 使用datalist时如何更改表格布局？

Question

使用 datalist 时如何更改表格布局。下面是我用来填充数据的 aspx，但我得到的结果如示例 1 所示。由于表格布局，没有继续显示数据？怎样才能达到如例2所示的结果？

我需要使用数据列表，因为我使用的是中继器中不可用的重复列。

象素：

<asp:DataList ID="dl_Groups" RepeatColumns="2"  runat="server" 
    OnItemDataBound="dl_Groups_ItemDataBound" RepeatDirection="vertical" 
    ShowFooter="False" ShowHeader="False">
    <ItemTemplate>
       <asp:CheckBox runat="server" ID="chk_Group" Text='<%# Eval("category_type") %>' 
            Value='<%# Eval("service_type_category_id") %>' onclick="OnGroupClick" />
       <asp:CheckBoxList runat="server" ID="chkServiceType" Style="padding-left: 20px" 
            DataValueField="ServiceTypeID" DataTextField="Name" EnableViewState="true">
       </asp:CheckBoxList>
       <br />
    </ItemTemplate>
</asp:DataList>

Answer 1

你有没有浏览过 CheckBoxList 的这些属性

  RepeatColumns="2"
  RepeatDirection="Vertical"
  RepeatLayout="Table"

这些可能对您有帮助。

您还可以享受css
以下优惠

#chkServiceType tr{
display:inline-block;
margin-right:20px;
} ​

#chkServiceType tr label{
margin-left:5px;
}