C# SpGridView样式

我有个小问题。我正在web部件中动态创建一个SPGridView，并将其添加到web部件中，其中包含一些数据。这个很好用。我现在决定让它看起来有点时髦

然而，我似乎无法使我的cssclass属性正常工作

我在css文件中有一个类

.SPGridviewsCSS th
{
background-color:#e60004;
color: Blue!important;
background-image:none;
}

.SPGridviewsCSS td
{
 border-bottom-style: solid ;
 border-bottom-width: 1px ;
 border-bottom-color: #e60004 ;
}

及 在我唯一的事件中

CssRegistration.Register("/Styles/Style.css");

然后

---

所有我想要的是它使网格视图看起来很好

我不是CSS专家，但th和td不是网格表元素的直接后代，因此您可能应该尝试：

.SPGridviewsCSS * td

---

.

使用IE开发者工具栏（或者，我建议使用Mozilla Firefox），您可以验证CSS类应用于哪个HTML输出元素吗

我感觉主CSS选择器（

.SPGridviewsCSS

）出现故障，因此没有设置任何样式

---

发布HTML输出的一个片段也很有帮助，这样我们就可以看到您试图设置的样式。

我正在使用一些服务器代码来设置SPGridView样式。这不是一个非常优雅的解决方案，但它工作得非常完美。如果没有太多时间找到更好的解决方案，可以在用户控件或aspx页面中使用以下代码，其中放置了SPGridView控件：

protected override void CreateChildControls()
{
    // ...
    spGridView.RowStyle.CssClass = "spgridview-td";
    spGridView.AlternatingRowStyle.CssClass = "spgridview-td-alternating";
    this.Controls.Add(spGridView);
    // ...
}

当然，您可以使用aspx标记而不是生成控件。例如：

<asp:SPGridView ID="spGridView" runat="server">
    <RowStyle CssClass="spgridview-td" />
    <AlternatingRowStyle CssClass="spgridview-td-alternating" />
</asp:SPGridView>

因此，您的css将是：

.spgridview-th
{
    background-color:#e60004;
    color: Blue!important;
    background-image:none;
}

.spgridview-td
{
    border-bottom-style: solid ;
    border-bottom-width: 1px ;
    border-bottom-color: #e60004 ;
}

.spgridview-td-alternating
{
}

---

希望，这有帮助

这不会是编码问题吧？双方不一致地使用UTF-8对我来说会导致CSS出现异常错误，而且一些编辑器不会仅仅根据声明对文档进行正确编码。退房：

---

我已经试过了，但是仍然没有成功，但是谢谢你的回复。这真的很有趣，因为我从一位同事那里借用了css（他现在已经离开了），他们应用css的方式完全相同，但我的不起作用，他的也不起作用！！！！您是否尝试过使用IE的开发者工具（或其他浏览器的等效工具）查看“网格”中th和td的类和应用样式？当您使用这些工具时，它显示所有信息都在一个表中呈现，而不是引用SPGridViews我尝试过但没有效果：）我打算开始一个新的项目，看看我是否能以那种方式工作，而不是试图把它应用到我的情况中去。

protected override void Render(HtmlTextWriter writer)
{
    // ...
    spGridView.DataBind();
    if (spGridView.HeaderRow != null)
    foreach (TableCell cell in spGridView.HeaderRow.Cells)
        cell.CssClass = "spgridview-th";
    // ...
}

.spgridview-th
{
    background-color:#e60004;
    color: Blue!important;
    background-image:none;
}

.spgridview-td
{
    border-bottom-style: solid ;
    border-bottom-width: 1px ;
    border-bottom-color: #e60004 ;
}

.spgridview-td-alternating
{
}