Sintaxe declarativa do controle de servidor de HtmlTable
Cria um controle de servidor que mapeia para o <table> elemento HTML e permite que você criar uma tabela.
<table
EnableViewState="False|True"
Id="string"
Visible="False|True"
OnDataBinding="OnDataBinding event handler"
OnDisposed="OnDisposed event handler"
OnInit="OnInit event handler"
OnLoad="OnLoad event handler"
OnPreRender="OnPreRender event handler"
OnUnload="OnUnload event handler"
runat="server"
>
<tr>
<td></td>
</tr>
</table>
Comentários
Use o HtmlTable o controle para programar o HTML para <table> elemento. Um HtmlTable controle é composto de linhas (representado por HtmlTableRow
objetos) armazenados na Rows a coleção de uma tabela. Cada linha é composta por células (representado por HtmlTableCell objetos) armazenados na Cells a coleção de uma linha.
Para criar uma tabela, primeiro declarar um HtmlTable o controle no formulário na página. Em seguida, coloque HtmlTableRow objetos entre as marcas de abertura e fechamento da HtmlTable o controle, uma para cada linha que você deseja na tabela. Depois de definidas as linhas da tabela, declarar HtmlTableCellobjetos entre as marcas de abertura e fechamento de cada HtmlTableRow o objeto para criar as células da linha.
Observação
Certifique-se de que você tem o número correto de células em cada linha e coluna, caso contrário, a tabela pode não ser exibido como esperado.Em geral, cada linha deve ter o mesmo número de células.Da mesma forma, cada coluna também deve compartilhar o mesmo número de células.Se forem de abrangência células, cada linha deve ser a mesma largura e cada coluna deve ter a mesma altura.
O HtmlTable o controle permite que você personalize a aparência de uma tabela. Você pode especificar a cor de plano de fundo, a largura de borda, cor da borda, altura da tabela e largura da tabela da tabela definindo a BgColor, Border, BorderColor, Height, e Width Propriedades, respectivamente. Você também pode controlar o espaçamento entre células e o espaçamento entre o conteúdo de uma célula e a borda da célula, definindo a CellSpacing e CellPadding Propriedades.
Exemplo
O exemplo a seguir gera linhas da tabela e células de tabela, com base nas seleções do usuário de dois HtmlSelect controles. Sempre que a página for carregada, o código verifica ver os valores que o usuário tiver selecionado a HtmlSelect controles. O número de linhas e colunas da HtmlTable controle é gerada dinamicamente com base em um desses valores. Para construir uma tabela, crie as linhas da tabela (representado por HtmlTableRow objetos) e adicioná-los para o Rows coleção da HtmlTable de controle. Para construir as linhas, crie as células da linha (representado por HtmlTableCell objetos) e adicioná-los para Cells coleção da HtmlTableRow.
<%@ Page Language="VB" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Sub Page_Load(sender As Object, e As EventArgs)
Dim row As Integer = 0
' Generate rows and cells.
Dim numrows As Integer = Convert.ToInt32(Select1.Value)
Dim numcells As Integer = Convert.ToInt32(Select2.Value)
Dim j As Integer
For j = 0 To numrows - 1
Dim r As New HtmlTableRow()
' Set bgcolor on alternating rows.
If row Mod 2 = 1 Then
r.BgColor = "Gainsboro"
End If
row += 1
Dim i As Integer
For i = 0 To numcells - 1
Dim c As New HtmlTableCell()
c.Controls.Add(New _
LiteralControl("row " & j.ToString() & _
", cell " & i.ToString()))
r.Cells.Add(c)
Next i
Table1.Rows.Add(r)
Next j
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTable Control</title>
</head>
<body>
<form id="Form1" runat="server">
<div>
<h3>HtmlTable Example</h3>
<br />
<table id="Table1" cellspacing="0" runat="server"
style="border-width:1; border-color: Black; padding: 5"
/>
<br />
Table rows:
<select id="Select1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br />
Table cells:
<select id="Select2" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input id="Submit1" type="submit"
value="Generate Table" runat="server" />
</div>
</form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
void Page_Load(Object sender, EventArgs e)
{
int row = 0;
// Generate rows and cells.
int numrows = Convert.ToInt32(Select1.Value);
int numcells = Convert.ToInt32(Select2.Value);
for (int j = 0; j < numrows; j++)
{
HtmlTableRow r = new HtmlTableRow();
// Set bgcolor on alternating rows.
if (row%2 == 1)
r.BgColor="Gainsboro";
row++;
for (int i = 0; i < numcells; i++)
{
HtmlTableCell c = new HtmlTableCell();
c.Controls.Add(new LiteralControl("row " + j.ToString() +
", cell " + i.ToString()));
r.Cells.Add(c);
}
Table1.Rows.Add(r);
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HtmlTable Control</title>
</head>
<body>
<form id="Form1" runat="server">
<div>
<h3>HtmlTable Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black; padding:5"
cellspacing="0" runat="server" />
<br />
Table rows:
<select id="Select1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<br />
Table cells:
<select id="Select2" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input id="Submit1" type="submit"
value="Generate Table" runat="server" />
</div>
</form>
</body>
</html>
Consulte também
Referência
Sintaxe declarativa do controle de servidor de HtmlTableCell
Sintaxe declarativa do controle de servidor de HtmlTableRow
Sintaxe declarativa do controle de servidor de HtmlForm