Question

GridView样式控制

我这有30个GridView
里边放的内容大部分不同，
而且有的字段很多，有的字段还是说明，备注，描述等
而且每个里边的字段个数又不一样
这样一来显示的效果很差，很难看
大家有什么办法？

Answer 1

用CSS可以很好的控制GridView样式，给你一段代码作为参考，希望对你有帮助：
/* 1、GridView控件的样式。 */
.gv
{
background: #fafafa;
border: solid 1px #333333;
}
.gv td
{
border: solid 1px #333333;
padding:0px 5px 0px 5px;
}
.gvHeader th
{
background: #336699;
color: #ffffff;
border: solid 1px #333333;
padding:0px 5px 0px 5px;
}
.gvAlternatingRow
{
background: #85A3C2;
}
.gvEditRow
{
background: #FFFFC0;
}
.gvControlItem
{
background: #85A3C2;
}

.gv a
{
color: #ffffff;
text-decoration: none;
}
.gv a:hover
{
text-decoration: underline;
}
.gv a:link
{
color: #000000;
}
.gv a:visited
{
color: #000000;
}
然后在名为XXX.skin的文件里面指定套用那个CSS样式：
<%--
默认的外观模板。以下外观仅作为示例提供。

1. 命名的控件外观。SkinId 的定义应唯一，因为在同一主题中不允许一个控件类型有重复的 SkinId。

<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" >
<AlternatingRowStyle BackColor="Blue" />
</asp:GridView>

2. 默认外观。未定义 SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。

<asp:Image runat="server" ImageUrl="~/images/image1.jpg" />
--%>
<asp:GridView runat="server" CssClass="gv">
<EditRowStyle CssClass="gvEditRow"/>
<HeaderStyle CssClass="gvHeader" />
<AlternatingRowStyle CssClass="gvAlternatingRow" />
<RowStyle CssClass="gvRow" />
</asp:GridView>