2016-04-23 1 views
0

My PageЧетыре записи на каждом отзывчивым Роу на ASPX странице

Мое требование показать 4 записей в каждой строке, будет больше, чем за 7 строк вся конструкция реагирует таким образом, я должен добавить

<div class="row"> 
//Image,lable hyperlink with text 
</div> 

Все записи должны быть динамическими в соответствии с подсчетом DataTable. Я застрял добавить 4 записи на

<div class="row"> 

</div> 

На каждой новой строке каждой строки как отзывчивая работа только в строке делах.

Мой код, как если бы сейчас

<div class="row"> 
    <% foreach (System.Data.DataRow item in dt.Rows) 
    { 
     %> 
      <div class="col-xs-6 col-sm-3 mix livefeeds"> 
        <div class="work-item"> 
         <div class="image-holder"> 
          <a href="<%=item["Identity"].ToString()%>"> 
           <img src="<%=item["ImagePath"].ToString()%>"/> 
           <h4> 
            <span><%=item["Headline"].ToString()%></span> 
            </h4> 
          </a> 
         </div> 
        </div> 
     </div> 
    <% 
    } 
    %> 

Я священник научил добавления, если условие, как

<% 
if (dt.Rows.Count %4 ==0) 
{ 
<div class="row"> 
//Content 
</div> 
} 
%> 

Но застрять с синтаксисом, что писать и где его на странице ASPX.

+0

Вы можете попробовать использовать ListView, у него встроенный пейджер для вашего требования. – Fafsi

ответ

0

Вот решение, с помощью бутстрапа будет отображаться 4 записи на одной строке.

<div class="row" style="margin-left:5px;margin-right:5px"> 
    <% foreach (System.Data.DataRow item in dt.Rows) 
    { 
     %> 
      <div class="col-xs-6 col-sm-3 mix livefeeds News"> 
        <div class="work-item"> 
         <div class="image-holder"> 
          <a href="#"> 
           <img src="<%=item["ImagePath"].ToString()%>"/> 
           <h4> 
            <span><%=item["Headline"].ToString()%></span> 
           </h4>  
          </a> 
         </div> 
        </div> 
     </div> 
    <%} %> 
</div> 
Смежные вопросы