C# DataGridView设计X&Y卷轴，带有固定标题、可见网格线、均匀列宽

我正在制作一个管理面板，每个页面上都有DataGridView

目前，它没有显示x&y网格线，列宽是任意的。我已经使用了ItemStyle宽度10%，但仍然没有真正做到这一点

这是我的源代码

<td class="auto-style9" colspan="2">
    <div style= "Overflow:scroll; overflow-x: scroll; max-height: 220px; width: auto">
        <asp:GridView ID="GridViewUpPer" runat="server" AutoGenerateColumns="False" Font-Names="Arial" Font-Size="Small" HorizontalAlign="Center">
            <Columns>
                <asp:BoundField DataField="SubCatID" HeaderText="Sub category ID">
                    <ItemStyle Width="10%" />
                </asp:BoundField>  

这是我的设计

x scroll未显示，my gridView未显示整个列。我只能更改文本颜色，而不能更改数据的文本颜色。我用的是table和div

我有15个GV看起来像这样。。。。。谁能帮我设计一个好看的gridView？？谢谢~

---

C、 VS 2012

我使用两个GridView。一个用于标题，一个用于行。两者都使用相同的css。我在其中一个GridView的pre_Render事件上设置列的宽度，并获得完全对齐的可滚动网格。您需要花费一些时间来确定用户屏幕的大小，我在第一次调用第一个页面时会这样做，并存储屏幕的宽度和高度，然后使用它来设置两个GridView的高度和宽度。包含数据的gridview的div被设置为20px宽，以允许滚动条。嗨，Martin，很抱歉刚才的评论，但是如何创建2个gridview？我对编程非常陌生，我不懂javascript，所以少点细节就好了！谢谢