自定义每列的GridView列边框

Question

我有几列，并且我想在某些像这样的左边和右边有边框：

| column1 column2 | column3 column4 |

如果我在中指定边框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 |

您可以更改样式以匹配所需的内容，例如右侧，左侧或顶部等。

只需为每个不同的列制作一个独特的样式。