asp.net - 自定义每列的 GridView 列边框

Question

我有几列，我想在一些列的左侧和右侧有边框，如下所示:

|列 1 列 2 |第 3 列 第 4 列 |

如果我在 ItemStyle 中指定边框，它会在两侧显示，并且不会呈现第 1 列和第 2 列以及第 3 列和第 4 列之间缺少列的情况。

有什么建议吗？

Answer 1

在 CSS 中创建一个样式，例如:

<style type="text/css">
    td.column_style_left
    {
        border-left: 1px solid black;
    }    
    td.column_style_right
    {
        border-right: 1px solid black;
    }    
</style>

然后将其分配给TemplateField:

<asp:TemplateField>
    <ItemStyle CssClass="column_style_left" />
    <ItemTemplate>
        <!-- whatever you want here -->
    </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
    <ItemStyle CssClass="column_style_right" />
    <ItemTemplate>
        <!-- whatever you want here -->
    </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
    <ItemTemplate>
        <!-- whatever you want here -->
    </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
    <ItemStyle CssClass="column_style_right" />
    <ItemTemplate>
        <!-- whatever you want here -->
    </ItemTemplate>
</asp:TemplateField>

这将产生:

| column1 column2 | column3 column4 |

您可以更改样式以匹配您的需要，例如右侧、左侧或顶部等...

只需为每个不同的列制定独特的样式即可。