Как сделать CheckBoxList с различным количеством элементов в каждом столбце?

Question

У меня есть CheckBoxList на моей странице с 28 ListItems внутри него. Когда я помещаю RepeatColumns = "2", мой CheckBoxList разбивается на два столбца из 14 элементов. Я хочу сделать первый столбец с 17 элементами, а второй - оставшимися 11 элементами. Как я могу изменить свой код, чтобы показать нечетные столбцы в CheckBoxList?

<asp:CheckBoxList ID="rblPraticasTemasSaude" runat="server" RepeatDirection="Vertical" RepeatColumns="2"> 
     <asp:ListItem Text="01" Value="01"></asp:ListItem> 
     <asp:ListItem Text="02" Value="02"></asp:ListItem> 
     <asp:ListItem Text="03" Value="03"></asp:ListItem> 
<%-- more ListItems --%> 
     <asp:ListItem Text="27" Value="27"></asp:ListItem> 
     <asp:ListItem Text="28" Value="28"></asp:ListItem> 
    </asp:CheckBoxList> 

Answer 1

Установите атрибут RepeatColumns до 17, а затем использовать эту функцию

function rotate() { 
      $("#<%= rblPraticasTemasSaude.ClientID %>").each(function() { 
       var $this = $(this); 
       var newrows = []; 
       $this.find("tr").each(function() { 
        var i = 0; 
        $(this).find("td").each(function() { 
         i++; 
         if (newrows[i] === undefined) { newrows[i] = $("<tr></tr>"); } 
         newrows[i].append($(this)); 
        }); 
       }); 
       $this.find("tr").remove(); 
       $.each(newrows, function() { 
        $this.append(this); 
       }); 
      }); 
      return false; 
     } 

     rotate(); 

Вы должны ссылаться на JQuery перед rotate функции