HtmlTable servidor controle Declarative sintaxe
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 <table> elemento. An HtmlTable controle é composto de linhas (representadas por HtmlTableRow
objetos) armazenados no Rows coleção de uma tabela. Cada linha é composta de células (representadas por HtmlTableCell objetos) armazenados na Cells coleção de uma linha.
Para criar uma tabela, primeiro declarar um HtmlTable controle no formulário na sua página. Em seguida, coloque HtmlTableRow objetos entre as Rótulos de abertura e fechamento das HtmlTable controle, uma para cada linha que deseja na sua tabela. Once the rows of the table are defined, declare HtmlTableCellobjects between the opening and closing tags of each HtmlTableRow object to create the cells of the row.
.gif "Observação") Observação: |
|---|
B e se que você tem o número correto de células em cada linha e coluna, caso contrário, a tabela talvez não seja exibido sistema autônomo esperado. Em geral, cada linha deve ter o mesmo número o -F- células. Da mesma forma, cada coluna também deve compartilhar o mesmo número de células. Se você um Re abrangência células, cada linha deve ser a mesma largura e cada coluna deve ter a mesma altura. |
The HtmlTable controle permite que você personalize a aparência de uma tabela. Você pode especificar a cor do plano de fundo, largura da borda, cor da borda, altura da tabela e largura da tabela por configuração o BgColor, Border, BorderColor, Height, e Width Propriedades, respectivamente. Você também pode controle espaçamento entre células e o espaçamento entre o Sumário de uma célula e a borda da célula, definindo o CellSpacing e CellPadding Propriedades.
Exemplo
O exemplo a seguir gera linhas de tabela e células de tabela, com base nas seleções do usuário por duas HtmlSelect controles. Toda vez que a página for carregada, o código verifica para ver os valores que o usuário tiver selecionado no HtmlSelect controles. O número de linhas e colunas no HtmlTable controle é gerado dinamicamente com base nesses valores. Para criar uma tabela, crie as linhas da tabela (representado por HtmlTableRow objetos) e adicioná-los para o Rows coleção da HtmlTable 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
HtmlTableCell servidor controle Declarative sintaxe
HtmlTableRow servidor controle Declarative sintaxe
HtmlForm servidor controle Declarative sintaxe