如何在使用datalist時更改表格佈局？

Question

如何在使用datalist時更改表格佈局。下面是我用來填充數據的aspx，但是我得到了如例1所示的結果。由於表佈局，沒有顯示數據的延續？如何實現如示例2所示的結果？

我需要使用datalist，因爲我使用repeater中不可用的repeatcolumn。

.aspx的：

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