Question

我正在使用ui-grid显示很大的表。表格中的每个单元格都基于其列和内容具有自己的样式。首次加载表格时，一切正常，所有可见单元格都具有正确的样式。问题在于滚动时-样式似乎“卡住了”，并且没有根据单元格值进行更改。在chrome中使用开发工具，我可以看到单元格“ ng-style”是正确的，但“ style”属性是持久的。

这是我的单元格模板：

cellTemplate = '<div class=\"ui-grid-cell-contents\" ng-style=\"{\'background-color\': grid.appScope.markedErrorIndexes.includes({{grid.getCellValue(row, col).rowId}}) ? grid.appScope.markerColor : \'rgb({{grid.getCellValue(row, col).backColor}})\',' +
                '\'font-weight\': \'{{grid.getCellValue(row, col).fontWeight}}\',' +
                '\'border-top\': \'{{grid.getCellValue(row, col).bottomBorder}}\',' +
                '\'border-right\':\'{{grid.getCellValue(row, col).rightBorder}}\'}\">{{grid.getCellValue(row, col).lreValue}}</div>';

这是网格定义：

                    <div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-resize-columns ui-grid-pinning style="font-size: smaller;text-align: center; {{getTableHeight()}}">                     
                </div>

这是chrome开发工具的屏幕截图： enter image description here

您会看到rgb值不同-应该有颜色，但会卡住灰色。

有什么主意吗？我被困在这里谢谢

ui-grid：一次设置ng-style，并且在值更改时不更新单元格样式

0 个答案: