بناء جملة إلزامي لعنصر تحكم خادم الـ HtmlTableRow
ينشئ عنصر التحكم من جانب الملقم بتعيين <td> و <th> عناصر HTML ويسمح لك بمعالجة الخلية في الجدول.
<td|th
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"
>
CellContent
</td|/th>
ملاحظات
استخدام HtmlTableCell الفئة للبرنامج مقابل <td> عنصر تحكم الـ HTML. <td> عنصر يمثل بيانات الخلية ، أثناء <th> العنصر يمثل عنوان الخلية. لاحظ أن محتويات <th>الخلية دوماً تكون غامقة ومتوسطة.
HtmlTableCell تتيح لك الفئة إمكانية التحكم في مظهر كل خلية مفردة . يمكنك التحكم في لون الخلفية لون الحد ارتفاع و عرض صواب بواسطة إعداد في BgColor ، BorderColor ، Height ، و Width الخصائص على التوالي.
ملاحظة |
---|
تشترك كل الخلايا في الصف نفسه بنفس الارتفاع.يحدد الخلية الأطول في الصف والارتفاع الأعلى في كافة الخلايا في الصف. |
المحاذاة الأفقية والعمودية لمحتويات الخلية التي يتحكم في إعدادها في Align و VAlign خصائص ، على التوالي. يمكنك أيضاً تحديد ما إذا كان النص يستمر تلقائياً على السطر التالي من صواب بواسطة إعداد NoWrap الخاصية.
HtmlTableCell الفئة تسمح لك لتشمل جميع الخلايا بواسطة تعيين ColSpan و RowSpan خصائص. ColSpan تسمح لك الخاصية بالتحكم في عدد الأعمدة التي تحتل ، أثناء RowSpan تحدد الخاصية عدد صفوف الخلايا التي تحتل.
ملاحظة |
---|
عند تمتيد الخلايا, تأكد من أن كل صف في الجدول هو نفس الطول.أيضاً تأكد من أن كل عمود بنفس الارتفاع.وإلا، قد لا يتم عرض الجدول كما هو متوقع. |
مثال
يوضح المثال التالي كيفية استخدام HtmlTableCell الكائن لتعديل محتويات الخلية في HtmlTable عنصر التحكم.
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableCell Control</title>
<script runat="server">
Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs)
Dim i As Integer
Dim j As Integer
' Iterate through the rows of the table.
For i = 0 To Table1.Rows.Count - 1
' Iterate through the cells of a row.
For j = 0 To Table1.Rows(i).Cells.Count - 1
' Change the inner HTML of the cell.
Table1.Rows(i).Cells(j).InnerHtml = "Row " & i.ToString() _
& ", Column " & _
j.ToString()
Next j
Next i
End Sub
</script>
</head>
<body>
<form id="Form1" runat="server">
<h3>HtmlTableCell Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
</tr>
<tr>
<td>
Cell 3
</td>
<td>
Cell 4
</td>
</tr>
</table>
<br /><br />
<input id="Button1" type="button"
value="Change Table Contents"
onserverclick="Button_Click"
runat="server"/>
</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">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>HtmlTableCell Control</title>
<script runat="server">
void Button_Click(Object sender, EventArgs e)
{
// Iterate through the rows of the table.
for (int i=0; i<=Table1.Rows.Count - 1; i++)
{
// Iterate through the cells of a row.
for (int j=0; j<=Table1.Rows[i].Cells.Count - 1; j++)
{
// Change the inner HTML of the cell.
Table1.Rows[i].Cells[j].InnerHtml = "Row " + i.ToString() +
", Column " +
j.ToString();
}
}
}
</script>
</head>
<body>
<form id="Form1" runat="server">
<h3>HtmlTableCell Example</h3>
<table id="Table1"
style="border-width:1; border-color:Black"
runat="server">
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
</tr>
<tr>
<td>
Cell 3
</td>
<td>
Cell 4
</td>
</tr>
</table>
<br /><br />
<input id="Button1" type="button"
value="Change Table Contents"
onserverclick="Button_Click"
runat="server"/>
</form>
</body>
</html>