3 files changed, 50 insertions, 0 deletions
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page b/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page
new file mode 100644
index 00000000..cec92f67
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TTable/Home.page
@@ -0,0 +1,44 @@
+<com:TContent ID="body">
+
+<h1>TTable Samples</h1>
+
+<table class="sampletable">
+
+<tr><td class="samplenote">
+Table with default settings (looks empty):
+</td><td class="sampleaction">
+<com:TTable />
+</td></tr>
+
+<tr><td class="samplenote">
+Table with rows and customized font, background image, etc.:
+</td><td class="sampleaction">
+<com:TTable
+	GridLines="Both"
+	CellSpacing="0"
+	CellPadding="2"
+	BackImageUrl=<%~backimage.gif%>
+	Caption="This is table caption"
+	CaptionAlign="Bottom">
+  <com:TTableRow BackColor="gray" ForeColor="white">
+    <com:TTableHeaderCell>header cell 1</com:TTableHeaderCell>
+    <com:TTableHeaderCell>header cell 2</com:TTableHeaderCell>
+    <com:TTableHeaderCell>header cell 3</com:TTableHeaderCell>
+  </com:TTableRow>
+  <com:TTableRow HorizontalAlign="Right">
+    <com:TTableCell Text="text">cell 1</com:TTableCell>
+    <com:TTableCell>cell 2</com:TTableCell>
+    <com:TTableCell BackColor="red">cell 3</com:TTableCell>
+  </com:TTableRow>
+  <com:TTableRow>
+    <com:TTableCell ForeColor="red">cell 4</com:TTableCell>
+    <com:TTableCell ColumnSpan="2" HorizontalAlign="Center">
+    cell 5
+    </com:TTableCell>
+  </com:TTableRow>
+</com:TTable>
+</td></tr>
+
+</table>
+
+</com:TContent>
+\ No newline at end of file
diff --git a/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif b/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif
new file mode 100644
index 00000000..8a4b3b71
--- /dev/null
+++ b/demos/quickstart/protected/pages/Controls/Samples/TTable/backimage.gif
diff --git a/demos/quickstart/protected/pages/Controls/Simple.page b/demos/quickstart/protected/pages/Controls/Simple.page
index 7ee79ac0..86b819f4 100644
--- a/demos/quickstart/protected/pages/Controls/Simple.page
+++ b/demos/quickstart/protected/pages/Controls/Simple.page
@@ -18,6 +18,12 @@
 </p>
 <com:RunBar PagePath="Controls.Samples.TPanel.Home" />
 
+<h2>TTable</h2>
+<p>
+<tt>TTable</tt> displays an HTML table on a page. It is used together with <tt>TTableRow</tt> and <tt>TTableCell</tt> to allow programmatically manipulating HTML tables. The rows of the table is stored in <tt>Rows</tt> property. You may set the table cellspacing and cellpadding via the <tt>CellSpacing</tt> and <tt>CellPadding</tt> properties, respectively. The table caption can be specified via <tt>Caption</tt> whose alignment is specified by <tt>CaptionAlign</tt>. The <tt>GridLines</tt> property indicates how the table should display its borders, and the <tt>BackImageUrl</tt> allows the table to have a background image.
+</p>
+<com:RunBar PagePath="Controls.Samples.TTable.Home" />
+
 <h2>TTextBox</h2>
 <p>
 <tt>TTextBox</tt> displays a text box on a Web page. The content in the text box is determined by the <tt>Text</tt> property. You can create a <tt>SingleLine</tt>, a <tt>MultiLine</tt>, or a <tt>Password</tt> text box by setting the <tt>TextMode</tt> property. The <tt>Rows</tt> and <tt>Columns</tt> properties specify their dimensions. If <tt>AutoPostBack</tt> is true, changing the content in the text box and then moving the focus out of it will cause postback action.