Using JQuery themeroller with ASP.NET gridview

Question

For those of us who are aesthetically challenged, is there a way to apply JQuery's themes (e.g. redmond) to an ASP.NET gridview?

Something like ...

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

Perhaps there's an addin that would emulate that type of functionality?

Did u get it working? Can you please answer stackoverflow.com/questions/9174678/… ? — LCJ
– LCJ, Commented Feb 8, 2012 at 6:35

Jordan Johnson · Accepted Answer · 2010-05-10 21:24:07Z

0

The gridview html renders to a table. If you add css class to it then you will be fine. Also, add the following in the gridview Databound event so the header does not render as a row.

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
        }
    }

answered May 10, 2010 at 21:24

Jordan Johnson

2531 gold badge5 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

LCJ Over a year ago

Can you please answer stackoverflow.com/questions/9174678/… ?

Coding Flow · Accepted Answer · 2010-05-10 20:44:39Z

0

Just give your gridview a css class and use that in the jquery selector. That way you can have a standard javascript file in all your pages and all you have to do is add the relevent css class to a gridview and it will be styled.

answered May 10, 2010 at 20:44

Coding Flow

21.9k6 gold badges68 silver badges84 bronze badges

2 Comments

James Evans Over a year ago

I had tried that but did see any difference. Is there a table-oriented class in any of the themes?

Jordan Johnson Over a year ago

smashingmagazine.com/2008/08/13/top-10-css-table-designs Here are a couple table css examples that will work with the gridview

Collectives™ on Stack Overflow

Using JQuery themeroller with ASP.NET gridview

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related