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

Question

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

我需要使用数据列表，因为我正在使用 repeater 中不可用的 repeatcolumn。

阿斯普克斯:

<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;
}