C# DataGridView design X带有固定标题、可见网格线、甚至列宽的滚动条

我正在制作一个管理面板，每个页面上都有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？？没有使用java，因为我是编程新手，我不知道那个脚本语言。。。。。。谢谢~

C#，VS 2012，web应用程序