YouTip LogoYouTip

Prop Webcontrol Table Horizontalalign

## ASP.NET Web Control: Table HorizontalAlign Property The `HorizontalAlign` property is a member of the ASP.NET `Table` web control. It is used to specify or retrieve the horizontal alignment of the table itself on the web page relative to its surrounding container. --- ## Definition and Usage The `HorizontalAlign` property determines how the `Table` control is aligned horizontally (left, right, center, or justified) within its parent element. > **Note:** This property controls the alignment of the **table container itself** on the page, not the alignment of the text or content inside individual table cells. To align content inside cells, use the `HorizontalAlign` property of the `TableCell` or `TableRow` controls instead. --- ## Syntax ```xml ``` ### Property Values | Value | Description | | :--- | :--- | | `NotSet` | The alignment is not explicitly set. The browser will use its default alignment behavior (typically left-aligned). This is the default value. | | `Left` | Aligns the table to the left side of its container. | | `Center` | Centers the table horizontally within its container. | | `Right` | Aligns the table to the right side of its container. | | `Justify` | Stretches the table to fit the full width of its container. | --- ## Code Example The following example demonstrates how to set the `HorizontalAlign` property of an `asp:Table` control to `Right`. This will align the entire table to the right side of the page or its parent container. ```xml <%@ Page Language="C#" %> ASP.NET Table HorizontalAlign Example
Cell 1, Row 1 Cell 2, Row 1 Cell 1, Row 2 Cell 2, Row 2
``` --- ## Technical Considerations 1. **CSS Rendering:** Under the hood, ASP.NET renders this property as inline CSS styles (such as `margin-left: auto; margin-right: auto;` for centering, or `float` / `align` attributes depending on the target .NET Framework rendering mode). 2. **Parent Container Width:** For alignment options like `Center` or `Right` to be visually apparent, the parent container of the table (e.g., a `
` or the ``) must be wider than the table itself. 3. **Responsive Design:** While the `HorizontalAlign` property is convenient for quick layouts, modern web development often favors using external CSS classes (e.g., Flexbox or CSS Grid) applied via the `CssClass` property for more robust and responsive layout control.
← Prop Webcontrol Tablecell ColuProp Webcontrol Table Gridline β†’