Angular-ui-grid

Question

我可以通过将以下 CSS 应用于 AngularJS UI 网格中的行模板来设置行背景颜色：

    .deleted {
        background-color: #e3e3e3 !important;
    }

效果很好。但是，当我添加

text-decoration: line-through !important;

它不适用于行内的文本。我做错了什么？

Answer 1

看来我不必要地添加了这个样式：

.ui-grid-row .ui-grid-cell {
               background-color: inherit !important;
}

为了获得理想的效果，我只需按以下方式更改行模板：

$scope.gridOptions= {
        rowTemplate: '<div>'+
        '<div ng-repeat="(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name" ' +
        'class="ui-grid-cell" ' +
        ' ng-class="{ \'ui-grid-row-header-cell\': col.isRowHeader, deleted: row.entity.deleted}" ui-grid-cell></div></div>'}

其中删除：row.entity.deleted是条件设置我的class.

Angular-ui-grid - text-decoration 不适用于行模板子项

Angular-ui-grid - text-decoration doesn't apply to row template children

css

angularjs

row

text-decorations