有条件地根据单元格值在handsontable中突出显示行

Question

我有几行数据.其中一列是错误标志.如果错误标志为true,我想更改整行的背景颜色.我该怎么做？

Answer 1

您可以为数据使用不同的类和相应的 CSS 规则。

例如：如果你想用不同的颜色一一突出显示表格行，你可以使用类odd和even：

超文本标记语言

<table class="list">
    <tr class="odd">
        <td> Milk </td>
        <td> 2.2$ </td>
    </tr>
    <tr class="even">
        <td> Potato </td>
        <td class="discount"> 1.5$ </td>
    </tr>
</table>

CSS

.list tr.odd {
    background: #4e8;
}

.list tr.even {
    background: #8fe;
}

如果您需要突出显示表格中的任何单元格，只需再创建一个具有自定义名称的类，例如discount：

.list td.discount {
    color: red;
    font-weight: bold;
}

看这个例子： http: //jsfiddle.net/fSSF5/1/