在后面的代码中将 CSS 添加到 GridView答案

【问题标题】：Adding CSS to GridView in Code Behind在后面的代码中将 CSS 添加到 GridView
【发布时间】：2013-03-18 17:56:34
【问题描述】：

我正在尝试设置我的 GridView 对象的样式，但我似乎无法让它使用 CSS 类。我正在动态创建 GridView，因此它们都是在代码隐藏中创建的。我尝试了以下方法，但似乎没有任何效果。

for (...)
{
 GridView gv = new GridView();
 gv.CssClass = "aclass";
 gv.Attributes.Add("class", "aclass");
}

还有在 RowDataBound 事件中：

foreach (row in gv)
e.Row.Cells[i].CssClass = "aClass";

但我仍然无法设置数据样式。非常感谢任何建议

【问题讨论】：

您在页面生命周期的哪个阶段创建网格视图？ Page load, Init?
我在 PageLoad 中做
尝试将该代码移至Page_Init 方法。由于页面生命周期，不应在页面加载时创建动态控件。

标签： c# asp.net css gridview

【解决方案1】：

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            e.Row.Cells[1].CssClass = "controlbackcolor";
            e.Row.Cells[3].CssClass = "controlbackcolor";
        }
    }

这应该可以，但是您需要确保将 css 类放在正确的位置或链接.. 否则您将无法应用样式

您的 Css 类声明在 head 标签或链接中应如下所示：

.controlbackcolor { 背景：绿色；字体粗细：粗体；白颜色; }

【讨论】：

你能详细说明它需要放在哪里吗？我有一个 Site.Css 页面，我的印象是我可以把它放在那里的任何地方。谢谢
如果您从新网站模板开始并使用网站母版页，那么您在 site.css 中放置的 CSS 类应该可用于任何页面。

【解决方案2】：

最好的方法是分配 CssClass，就像你正在做的那样。然后使用这样的选择器控制样式：

代码隐藏

MyGridView.CssClass = "aclass";

CSS

.aclass{Border: 1px solid lighgray;}
.aclass tr td {background:green; font-weight:bold; color: white}

Gridview 在 HTML 中呈现为普通表格，因此您可以在 CSS 端执行此操作以减少代码负载。

【讨论】：

【解决方案3】：

Bootstrap 类也可以在后面的代码中添加

protected void gvEmpContactsHistory_SelectedIndexChanged(object sender, EventArgs e)
    {
        string val = Convert.ToDateTime(gvEmpContactsHistory.SelectedDataKey.Value).ToString("dd-MM-yyyy hh:mm:ss", new System.Globalization.CultureInfo("en-US"));
        GetEmployeeDetail(val);

        foreach (GridViewRow row in gvEmpContactsHistory.Rows)
        {
            if (row.RowIndex == gvEmpContactsHistory.SelectedIndex)
            {
                row.ToolTip = string.Empty;
                row.Attributes.Add("class", "btn-success");
            }
            else
            {
                row.ToolTip = "Click to select this row.";
                row.Attributes.Add("class", "btn-outline-success");
            }
        }
    }

【讨论】：