HtmlTableCell.BgColor Property
Gets or sets the background color of the cell represented by an instance of the HtmlTableCell class.
[Visual Basic] Public Property BgColor As String [C#] public string BgColor {get; set;} [C++] public: __property String* get_BgColor(); public: __property void set_BgColor(String*); [JScript] public function get BgColor() : String; public function set BgColor(String);
Property Value
The background color of the cell represented by an instance of the HtmlTableCell class.
Remarks
Use the BgColor property to specify the background color of the cell represented by an instance of the HtmlTableCell class.
The following list contains the sixteen predefined HTML color names you can use:
- Black
- Blue
- Cyan
- Gray
- Green
- Lime
- Magenta
- Maroon
- Navy
- Olive
- Purple
- Red
- Silver
- Teal
- White
- Yellow
You can also specify a custom color by using a hexadecimal number, preceded by the pound character (#), in the form #RRGGBB. RR, GG, and BB represent hexadecimal values from 0 to 255 that indicate the red, green, and blue components of a color, respectively. For example, the value #0000FF represents the color blue. It specifies the minimum value (00) for the red and green components, while specifying the maximum value (FF) for the blue component.
Example
[Visual Basic, C#] The following example demonstrates how to use the BgColor property to programmatically control the background color of the cells in an HtmlTable control.
[Visual Basic] <%@ Page Language="VB" AutoEventWireup="True" %> <html> <head> <script runat="server"> Sub Button_Click(sender As Object, 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 ' Update the properties of each cell. Table1.Rows(i).Cells(j).BgColor = BgColorSelect.Value Table1.Rows(i).Cells(j).BorderColor = BorderColorSelect.Value Table1.Rows(i).Cells(j).Height = HeightSelect.Value Table1.Rows(i).Cells(j).Width = WidthSelect.Value Next j Next i End Sub </script> </head> <body> <form runat="server"> <h3>HtmlTableCell Example</h3> <table id="Table1" Border="1" BorderColor="black" runat="server"> <tr> <td> Cell 1. </td> <td> Cell 2. </td> </tr> <tr> <td> Cell 3. </td> <td> Cell 4. </td> </tr> </table> <hr> Select the display settings for the cells in the table: <br><br> BgColor: <select id="BgColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black">Black</option> <option Value="White" Selected="True">White</option> </select> BorderColor: <select id="BorderColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black" Selected="True">Black</option> <option Value="White">White</option> </select> <br><br> Height: <select id="HeightSelect" runat="server"> <option Value="0">0</option> <option Value="100">100</option> <option Value="150">150</option> <option Value="200">200</option> <option Value="250">250</option> </select> Width: <select id="WidthSelect" runat="server"> <option Value="0">0</option> <option Value="200">200</option> <option Value="250">250</option> <option Value="300">300</option> <option Value="350">350</option> </select> <br><br> <input type="button" value="Generate Table" OnServerClick = "Button_Click" runat="server"/> </form> </body> </html> [C#] <%@ Page Language="C#" AutoEventWireup="True" %> <html> <head> <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++) { // Update the properties of each cell. Table1.Rows[i].Cells[j].BgColor = BgColorSelect.Value; Table1.Rows[i].Cells[j].BorderColor = BorderColorSelect.Value; Table1.Rows[i].Cells[j].Height = HeightSelect.Value; Table1.Rows[i].Cells[j].Width = WidthSelect.Value; } } } </script> </head> <body> <form runat="server"> <h3>HtmlTableCell Example</h3> <table id="Table1" Border="1" BorderColor="black" runat="server"> <tr> <td> Cell 1. </td> <td> Cell 2. </td> </tr> <tr> <td> Cell 3. </td> <td> Cell 4. </td> </tr> </table> <hr> Select the display settings for the cells in the table: <br><br> BgColor: <select id="BgColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black">Black</option> <option Value="White" Selected="True">White</option> </select> BorderColor: <select id="BorderColorSelect" runat="server"> <option Value="Red">Red</option> <option Value="Blue">Blue</option> <option Value="Green">Green</option> <option Value="Black" Selected="True">Black</option> <option Value="White">White</option> </select> <br><br> Height: <select id="HeightSelect" runat="server"> <option Value="0">0</option> <option Value="100">100</option> <option Value="150">150</option> <option Value="200">200</option> <option Value="250">250</option> </select> Width: <select id="WidthSelect" runat="server"> <option Value="0">0</option> <option Value="200">200</option> <option Value="250">250</option> <option Value="300">300</option> <option Value="350">350</option> </select> <br><br> <input type="button" value="Generate Table" OnServerClick = "Button_Click" runat="server"/> </form> </body> </html>
[C++, JScript] No example is available for C++ or JScript. To view a Visual Basic or C# example, click the Language Filter button
in the upper-left corner of the page.
Requirements
Platforms: Windows 98, Windows NT 4.0, Windows Millennium Edition, Windows 2000, Windows XP Home Edition, Windows XP Professional, Windows Server 2003 family
See Also
HtmlTableCell Class | HtmlTableCell Members | System.Web.UI.HtmlControls Namespace | HtmlTable | BorderColor | Height | Width