marimir Ответов: 1

Как создать datalist в ASP.NET с 2 колонками, которые реагируют?

Я хочу иметь datalist в asp с более чем одним столбцом, и я передаю его источник данных из кода позади, и я сделал это правильно, и это мой код :

 <asp:DataList runat="server" ID="dlCustom" RepeatColumns="4">
        <itemtemplate>
            <div class="col-md-12">
                <div class="pricing-head">
                  <h3><label><%# DataBinder.Eval(Container.DataItem,"CustomerName") %></label></h3></div>
  <div></div>
 <div><label><%# DataBinder.Eval(Container.DataItem, "CustomerDet") %></label</div>
</div>


но он не реагирует .Я хочу, чтобы при изменении размера веб-страницы 2 или 3 столбца менялись на один столбец, и этого не произошло бы ! пожалуйста, помогите мне, если я должен использовать еще один компонент.

Что я уже пробовал:

Я не знаю, что мне нужно использовать, чтобы заставить его реагировать.

1 Ответов

Рейтинг:
2

Richard Deeming

По умолчанию Таблицы[^] отображает свои элементы в <table>, что нарушает ваш адаптивный дизайн.

Вы можете изменить RepeatLayout собственность на Flow, который удаляет <table>, но затем он будет отображать разрывы строк между группами элементов.

Возможно, Вам повезет больше, если вы воспользуетесь элемент управления ListView[^] вместо.

<asp;ListView ID="dlCustom" runat="server">
<layoutTemplate>
    <div class="row">
        <asp:placeholder ID="itemPlaceholder" runat="server"/>
    </div>
</layoutTemplate>
<itemTemplate>
    <div class="col-md-4 col-lg-3">
        <!-- 
        4 columns @ 1170px or wider; 
        3 columns @ 970px - 1169px; 
        1 column @ 969px or narrower 
        -->
        ...
    </div>
</itemTemplate>
</asp:ListView>