将 JQuery themeroller 与 ASP.NET gridview 结合使用

Question

对于我们这些审美上有挑战的人来说，有没有办法将 JQuery 的主题（例如 redmond）应用到 ASP.NET gridview？

类似...

$(document).ready(function() { $(函数() { $("<%= MyGridView.ClientID %>").Table(); }); });

也许有一个插件可以模拟这种类型的功能？

Answer 1

gridview html 呈现为表格。如果你给它添加 css 类，那就没问题了。另外，在 gridview Databound 事件中添加以下内容，以便标题不会呈现为一行。

protected void gridView_DataBound(object sender, EventArgs e)
    {
        if (gridView.Rows.Count > 0)
        {

            gridView.UseAccessibleHeader = true;

            gridView.HeaderRow.TableSection = TableRowSection.TableHeader;
            gridView.HeaderRow.CssClass = ///--Optional--
            gridView.FooterRow.TableSection = TableRowSection.TableFooter;
            gridView.PagerSettings.Visible = true; ///Helps footer
        }
    }

Answer 2

只需给您的 gridview 一个 css 类并在 jquery 选择器中使用它即可。这样你就可以在所有页面中拥有一个标准的 javascript 文件，你所要做的就是将相关的 css 类添加到 gridview 中，然后它就会被设置样式。