Общие сведения о серверных веб-элементах управления Table, TableRow и TableCell

Статья
10/22/2014

Обновлен: Ноябрь 2007

Веб-серверный элемент управления Table позволяет создавать таблицы на страницах ASP.NET, которые можно запрограммировать в коде сервера. Веб-серверные элементы управления TableRow и TableCell предоставляют способ для отображения содержимого элемента управления Table.

В этом разделе рассматриваются следующие темы:

Базовые сведения
Примеры кода
Ссылка на классы

Базовые сведения

Таблицы обычно используются не только для отображения табличных сведений, но и для форматирования сведений на веб-странице. Существует ряд способов создания таблиц на страницах ASP.NET:

HTML-таблица. Если вы создаете статическую таблицу (в которой не будет добавления и изменения содержимого во время выполнения), то следует использовать таблицу HTML, а не Table управления.
HtmlTable. Это HTML-элемент table, который был преобразован в серверный управления HTML путем добавления атрибута runat=server. Этот элемент управления можно запрограммировать в коде сервера. Подробные сведения о серверных HTML элементах управления можно найти в Общие сведения о серверных веб-элементах управления ASP.NET.
Table. Это веб-серверный элемент управления, позволяющий создавать и управлять таблицами (например добавлять в таблицу строки и ячейки) и использующий объектную модель, совместимую с другими веб-элементами управления.

В общем случае веб-серверный элемент управления Table используется, если требуется добавлять в коде строки (столбцы) и ячейки в таблицу во время выполнения. Хотя этот элемент можно использовать для статической таблицы с предопределенными строками и столбцами, но в этом случае легче работать с элементом HTML table.

Веб-серверный элемент управления Table может быть запрограммирован проще, чем элемент управления HtmlTable, так как он предлагает объектную модель с типизированными свойствами, которые согласованы с другими веб-серверными элементами управления. (Модель является также согласованной между элементами управления Table, TableRow и TableCell.)

Сравнение серверного веб-элемента управления Table с другими серверными веб-элементами управления списком

Некоторые из функций, которые можно выполнять с веб-серверным элементом управления Table, также могут быть выполнены с веб-серверными элементами управления списком, в частности Repeater, DataList и GridView. Все эти элементы управления отображаются (или существует возможность их отображения) как HTML-таблицы.

Отличия между элементами управления списком и элементом управления Table следующие:

Элементы управления списком связаны с данными. Элементы управления списком работают только с источником данных, а элемент управления Table может отображать любую комбинацию текста HTML и элементов управления независимо от того, привязаны ли они к данным.
Элементы управления списком используют шаблоны для указания макета их элементов. Элемент управления Table поддерживает дочерний элемент управления TableCell, который может содержать любой HTML-элемент td.

Объектная модель серверного веб-элемента управления Table

Элемент управления Table выступает в качестве родительского элемента для элементов управления TableRow. Таблица поддерживает свойство с именем Rows, которое является коллекцией объектов TableRow. Путем добавления или удаления элементов из этой коллекции задаются строки таблицы. Элемент управления TableRow в свою очередь поддерживает коллекцию с именем Cells которая содержит объекты TableCell.

Содержимое, отображаемое в таблице, задается в элементе управления TableCell. Ячейка имеет свойство Text, для которого можно задать любой текст HTML. Кроме того, можно отображать элементы управления в ячейке путем добавления элементов управления в коллекцию ячейки Controls.

Родительский элемент управления Table поддерживает свойства для управления внешним видом всей таблицы, например Font, BackColor и ForeColor. Элементы управления TableRow и TableCell также поддерживают такие свойства, поэтому переопределением внешнего вида родительской таблицы можно задать внешний вид отдельных строк или ячеек.

Связывание данных с элементом управления

Хотя элемент управления Table не наследует привязку к данным, можно использовать его для отображения данных из базы данных. Как и с серверными веб-элементами управления списком, любое свойство элемента управления Table можно связать с источником данных. Однако, элемент управления Table не поддерживает свойства для прямого отображения данных. Вместо этого в таблицу обычно добавляются элементы управления TableCell. Можно затем либо связать свойство Text отдельного элемента управления TableCell с данными, либо добавить в ячейку элементы управления с привязкой к данным (например Label или Literal).

К началу

Примеры кода

Пошаговое руководство. Добавление серверных веб-элементов управления Table на страницу Web Forms

Практическое руководство. Динамическое добавление строк и ячеек в серверный веб-элемент управления Table

К началу

Ссылка на классы

В следующей таблице перечислены классы, которые связаны с элементами управления Table, TableCell и TableRow:

Член	Описание
Table	Основной класс для элемента управления Table.
TableCell	Основной класс для элемента управления TableCell.
TableCellCollection	Инкапсулирует коллекцию объектов TableHeaderCell и TableCell, представляющих собой строку в элементе управления Table.
TableFooterRow	Представляет строку нижнего колонтитула в элементе управления Table.
TableHeaderCell	Представляет ячейку заголовка в элементе управления Table.
TableHeaderRow	Представляет строку заголовка в элементе управления Table.
TableHeaderScope	Представляет атрибут HTML scope для классов, представляющих ячейки заголовка в таблице.
TableItemStyle	Представляет свойства стиля для элемента в элементе управления, который обрабатывается как TableRow или TableCell.
TableRow	Основной класс для элемента управления TableRow.
TableRowCollection	Инкапсулирует коллекцию объектов TableRow, представляющих собой отдельную строку в элементе управления Table.
TableRowSection	Задает расположение объекта TableRow в элементе управления Table.
TableSectionStyle	Представляет стиль раздела элемента управления Table.
TableStyle	Представляет стиль для элемента управления Table.