ASP.net에서 열의 데이터를 표시하는 방법?

Question

5 개의 열에 표시해야하는 데이터가 있습니다. 현재 코드가 잘 작동하고 데이터가 데이터베이스에서 선택되어 처음 5 개의 열 (각 열에 7 개의 데이터가 있음)에 올바르게 표시됩니다.

그러나 다섯 번째 열 다음에 다음 열은 첫 번째 열 아래에서 시작해야하며 두 번째 열에서 시작하여 계속됩니다.

아래는 현재 사용되는 코드입니다.

<li><a href="/c/@Model.CatList[0].Id/all/@Model.CatList[0].Name" class='white'>@Model.CatList[0].Name</a></li> 

         @for (int i = 1; i < Model.CatList.Count(); i++) 
         { 
          <li><a href="/c/@Model.CatList[i].Id/all/@Model.CatList[i].Name" class='white'>@Model.CatList[i].Name</a></li> 


          if (i % Model.FooterCount == 0) 
          { 

           @Html.Raw("</ul><ul>"); 
           <li class='itemCaption f17o'>&nbsp;</li> 
          } 

         } 

Answer 1

정확한 html에 대한 자세한 내용이 없으면 디스플레이의 각 행에 대한 첫 번째 블록에 style = "clear : left"를 추가 할 수 있습니다. 같은 뭔가 :

@{ 
    int cellCount = 1; 
    int columns = 5; 

    var items = Model.CatList.Take(Model.FooterCount); 
} 

@while(items.Count > 0) 
{ 
    string style = "float:left;" 
    if(cellCount % columns == 0) 
    { 
     style += "clear:left;" 
    } 

    <ul style='@style'> 
     @if (cellCount != 1) 
     { 
      <li class='itemCaption f17o'>&nbsp;</li> 
     } 

     @foreach(item in items) 
     { 
      <li> 
       <a href="/c/@item.Id/all/@item.Name" class='white'>@item.Name</a> 
      </li> 
     } 
    </ul> 

    @{ 
    items = Model.CatList.Skip(cellCount * Model.FooterCount).Take(Model.FooterCount); 
    cellCount++; 
    } 
} 

나는 ul 태그를 닫는 포함 된 원시 HTML을 좋아하지 않았다, 그래서 나는 것을 방지하기 위해 코드를 수정했습니다. 나는 또한 그것이 의도를보다 분명하게 표현한다고 생각한다.