Table 控制項

• 以表格形式組織和顯示內容。

GridLines 屬性

None：不顯示任何網格線。是為預設值。

Horizontal：只顯示水平網格線。

Vertical：只顯示垂直網格線。

Both：同時顯示水平和垂直網格線。

CellSpacing 屬性

• 用於指定表格中每個儲存格之間的間距。

CellPadding 屬性

• 指定表格中每個儲存格內容與儲存格邊框之間的距離。

TableRow 控制項

• 可將表格劃分成許多列。

HorizontalAlign 屬性

NotSet：未設置水平對齊方式，此為預設值。

Left：將內容左對齊。

Center：將內容置中對齊。

Right：將內容右對齊。

VerticalAlign 屬性

NotSet：未設置水平對齊方式，此為預設值。

Top：將內容頂部對齊。

Middle：將內容垂直置中對齊。

Bottom：將內容底部對齊。

Table 控制項範例

建一個簡單的表格

<asp:Table ID="Table1" runat="server" GridLines="Both">
    <asp:TableHeaderRow>
        <asp:TableCell>品牌</asp:TableCell>
        <asp:TableCell>產品名稱</asp:TableCell>
        <asp:TableCell>價格</asp:TableCell>
    </asp:TableHeaderRow>
    <asp:TableRow>
        <asp:TableCell>Apple</asp:TableCell>
        <asp:TableCell>iPhone 15</asp:TableCell>
        <asp:TableCell>29,900元至40,400元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>SONY</asp:TableCell>
        <asp:TableCell>Xperia 1 V</asp:TableCell>
        <asp:TableCell>38,990元至41,990元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>Samsung</asp:TableCell>
        <asp:TableCell>Galaxy Z Flip5</asp:TableCell>
        <asp:TableCell>32,888元至36,888元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>OPPO</asp:TableCell>
        <asp:TableCell>OPPO Find N2 Flip</asp:TableCell>
        <asp:TableCell>31,990元</asp:TableCell>
    </asp:TableRow>
    <asp:TableRow>
        <asp:TableCell>Google</asp:TableCell>
        <asp:TableCell>Pixel 7a</asp:TableCell>
        <asp:TableCell>14,990元</asp:TableCell>
    </asp:TableRow>
</asp:Table>

執行の結果

※以上資料如有錯誤請多指教

參考資料

書名：ASP.NET 4.6動態網頁程式設計技術實作：使用C#