Question

How to highlight data grid item (row) depending on attribute value?

0

Is there a way to highlight a list item based on the item attribute value? Let’s say you have a list of products, and some of them marked as favorites. I want to keep them in the same list but visually highlight these items in the data grid. I could use custom styles, but not sure how can I pick up attribute value to apply styles only to these rows.

asked 2021-03-22

Maxim Velichkin

3 answers

Ronald Catersels · Answer 1 · 2021-03-22

Check out the marketplace: DataTables https://marketplace.mendix.com/link/component/2702

It can style even a single cell if you want.

Regards,

Ronald

Ivo Sturm · Answer 2 · 2021-03-22

Another option which I have used many times, if you are willing to use a list view, is the EnumClass widget. It can add a style to a cell / row, based on an Enum or boolean value. Target this CSS class with normal CSS to achieve what you need.

Tim v Steenbergen · Answer 3 · 2021-03-22

You can do this with the GridCellStyler from the Appstore. Here is their demo page. Here is mine. Make sure the javascript returns a boolean value.

It is less extensive compared to datatables, but less invasive and better if you only apply it to one table.