javascript - How do you conditionally style a cell in a Dojo data grid? - Stack Overflow

admin管理员组

文章数量:1296914

Essentially what I want to do is to apply additional CSS classes to individual cells in a data grid based on the value of the cell. An example would be to color the text red when a dollar value is negative.

The only solution I've found was to use the formatter of the column to create a string for a span that has the class based on the value passed in. I figure there has to be a better way.

Essentially what I want to do is to apply additional CSS classes to individual cells in a data grid based on the value of the cell. An example would be to color the text red when a dollar value is negative.

The only solution I've found was to use the formatter of the column to create a string for a span that has the class based on the value passed in. I figure there has to be a better way.

• javascript
• datagrid
• dojo
• dojox.grid

Share Improve this question Follow asked Mar 31, 2010 at 14:24 larf311larf311 1,83533 gold badges2020 silver badges2424 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 9

When specifying the structure, you pass in an object that represents the widget configuration for a given column. As part of this object, include a formatter function in the definition:

{
...
 formatter: function(val, rowIdx, cell) {
    classes = pute_classes(val, rowIdx, cell);
    cell.customClasses.push(classes);
  }
}

however your 'pute_classes' putes the classes to use is up to you. They will be applied to the cell, and then you can manage their appearance in your CSS.

本文标签： javascriptHow do you conditionally style a cell in a Dojo data gridStack Overflow