Fatal编程技术网
  • asp.net/
  • 如何将asp:CheckBoxList的每个项设置为分隔引导数据表asp.NET的行

如何将asp:CheckBoxList的每个项设置为分隔引导数据表asp.NET的行

asp.net twitter-bootstrap

如何将asp:CheckBoxList的每个项设置为分隔引导数据表asp.NET的行,asp.net,twitter-bootstrap,checkboxlist,Asp.net,Twitter Bootstrap,Checkboxlist,我的.aspx页面有一个asp:CheckBoxList。我希望asp:CheckBoxList中的每一项都作为引导数据表的单独一行。我的代码如下 <asp:table id="tblUserToRoleList"> <thead> <tr> <th> Role List </th> <th></th> </tr

我的.aspx页面有一个asp:CheckBoxList。我希望asp:CheckBoxList中的每一项都作为引导数据表的单独一行。我的代码如下

<asp:table id="tblUserToRoleList">
   <thead>
      <tr>
       <th>
          Role List
        </th>
        <th></th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>
           <asp:CheckBoxList ID="chkRoleList" runat="server" Width="250px"></asp:CheckBoxList>
         </td>
         <td></td>
      </tr>
    </tbody>


在这里，所有项目都位于单个tr的一个td下

但是我需要所有这些项来分隔tr，我可以从引导数据表的默认搜索框中搜索这些项


请帮帮我这个
正是我要找的。

<head runat="server">
    <title></title>
    <link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" />

    <script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        $(function () {
            debugger;
            $("<thead><tr><th>Roles</th></tr><thead>").insertBefore("#chkRoleList tbody");
            $('#chkRoleList').DataTable();
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:CheckBoxList ID="chkRoleList" runat="server" Width="250px"></asp:CheckBoxList>
    </form>
</body>