關於 GridView 的表格線樣式設定技巧

BorderColor 屬性陷阱與正確設定表格線顏色

錯誤示範

<asp:GridView ID="GridView1" runat="server" BorderColor="red"></asp:GridView>

輸出 HTML：<table ... style="border-color:Red; border-collapse:collapse;">
結果： 僅外框變紅，**內部格線不變色**。

正確做法：RowDataBound 或 PreRender 註冊屬性

GridView1.Attributes.Add("BorderColor", "#0693F5");

輸出 HTML：<table ... BorderColor="#0693F5" ...>
結果： 整張表格（含內部格線）顏色生效。

原因分析

• BorderColor 屬性被轉譯為 style="border-color:..."，僅作用於 table 元素本身。
• 直接加入 Attributes["BorderColor"] 則輸出為標準 HTML bordercolor 屬性，瀏覽器將其套用至所有 td/th 邊框。

建議

在 Page_PreRender 或資料繫結後統一呼叫 GridView.Attributes["BorderColor"] = color，確保樣式正確套用。