ASP.NET MVC 3 WebGrid - Conditional Column Formatting

Question

Is there anyway to do conditional formatting with Webgrid in ASP.NET MVC 3?

I know I can say: ... grid.Column("PropertyName", "Header Name", style: "bold") ...

and it will render HTML that for the TD that says: class="bold".

What I want, is to render some TDs in one style and other TDs in another style. Like: ... grid.Column("PropertyName", "Header Name", style: (item) => (item.Property > 100) ? "bold" : "normal")) ....

but this causes the error "Best overloaded method match ... has some invalid arguments."

Any idea if this is possible?

Thanks .Jim Biddison

Matthew Lock · Accepted Answer · 2017-04-06 04:17:44Z

9

I know I'm kind of late with the answer, but if someone is still looking for that kind of conditional formating / column value binding for WebGrid here's somehting that works :

@grid.GetHtml(
   columns: grid.Columns(
      grid.Column(format: (item) => (item.someproperty !=null) ? 
        Html.Raw("I've got value") : 
        Html.Raw("I don't :("))
   )
)

edited Apr 6, 2017 at 4:17

Matthew Lock

13.6k14 gold badges97 silver badges132 bronze badges

answered Dec 9, 2011 at 9:02

Paweł Staniec

3,1813 gold badges31 silver badges41 bronze badges

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

1 Comment

Papa Burgundy Over a year ago

this is conditional text, but not conditional formatting/styling. i think he's trying to change the style

camainc · Accepted Answer · 2011-03-10 15:33:15Z

5

You can do this with some JQuery:

<script type='text/javascript'>
    $(document).ready(function () {
        jQuery.each($('tbody tr td'), function () {
            if (this.textContent == "some value") {
                $(this).addClass("some class");
            }
        });
    });
</script>

Of course, you'll have to modify the logic inside the each loop...

Hope that helps.

answered Mar 10, 2011 at 15:33

camainc

3,8507 gold badges39 silver badges46 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:30:51Z

0

I don't think the style property accepts functions. You can use jQuery or here is a hack:

Hack

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Apr 10, 2013 at 20:42

Papa Burgundy

6,4876 gold badges44 silver badges49 bronze badges

Comments

Olivier de Rivoyre · Accepted Answer · 2016-08-05 11:33:59Z

0

For googler, an improved version of the Torm answer:

@grid.GetHtml(
    columns: new[]
    {       
        grid.Column(format:item => Html.Raw("<span" + (item.Property > 100 ? " style='bold'" : "") + ">" + item.Property + "</span>")),
    }
)

answered Aug 5, 2016 at 11:33

Olivier de Rivoyre

1,5971 gold badge18 silver badges25 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 3 WebGrid - Conditional Column Formatting

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related