Горизонтальный дизайн таблицы с использованием Gridview, Repeater и т. Д.

Question

Я собираюсь создать красивую форму, по которой поставщик может указывать цены.Таким образом, форма будет иметь метки внизу слева, и тогда они будут столбцом для каждого запрошенного товара / количества у покупателя.Таким образом, в нем будет n столбцов.

Из-за того, как кодируются html-таблицы, вам нужно строить строки за раз.(Я хочу сохранить это как одну таблицу, так что это аккуратный HTML)

Прежде чем я продолжу и создаю Repeater для каждой строки информации, которую должен ввести пользователь.Это способ создать представление сетки сортировки, но вместо каждой пропущенной записи создается новая строка.Это создаст новый столбец, и вы можете определить первый столбец как столбец заголовка?

Моя таблица сортировки имеет вид (txtb обозначает текстовое поле, а lbl обозначает метку, которая обновляется при вводе значений)

Количество 500 1000 2000

Стоимость доставки txtb txtb txtb

Цены txtb txtb txtb

Общая стоимость lbl lbl lbl

Курс обмена txtb txtb txtb

Спасибо

Answer 1

Могу ли я предложить использовать ul теги (неупорядоченные списки).Они удовлетворяют вашим требованиям гораздо проще, как я сделал в аналогичной ситуации.Стол принесет вам много боли в будущем.

Answer 2

Исправлены ли эти ярлыки / элементы управления? Потому что если вам не нужно писать элемент управления для их рендеринга, вы можете просто кодировать HTML прямо.

Если вы генерируете форму из источника данных, то есть несколько способов сделать это в веб-формах, однако для простоты я бы остановился на Repeater, это самый чистый способ достижения этого, особенно если вы не нужны навороты в других элементах управления.

<asp:Repeater runat="server" ID="rptFields">
<HeaderTemplate>
   <table>
</HeaderTemplate>
<ItemTemplate>
   <tr>
      <td><%#Eval("Label") %></td>
      <td><asp:Textbox runat="server"/></td>
   </tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>

Однако имейте в виду, что если вы сгенерируете эти элементы управления, вы не сможете получить к ним доступ напрямую из кода, вам придется обращаться к ним через поля формы или повторитель.