颜色行选择列 - 角度UI网格

时间:2016-11-04 16:54:50

标签: javascript css angularjs angular-ui-grid ui-grid

我想在Angular UI Grid中为enableRowHeaderSelection:true获取的行选择列着色。我想用一个不同的Hex颜色代码填充行选择列的每个单元格,这是我从JSON获得的。

现在我正在使用不同的列进行着色,但我想在行选择列上对其进行着色。

以下是我的gridOptions。

提前致谢! 干杯!

 $scope.gridOptions = {
        exporterMenuCsv: false,
        enableGridMenu: true,
        enableSorting: true,
        enableFiltering: true,
        enableColumnResizing: true,
        enableRowSelection: true,
        enableSelectAll: true,
        selectionRowHeaderWidth: 35,
        showGridFooter: true,
        rowHeight: 40,
        enableRowHeaderSelection: true,
        columnDefs: [
            {
                name: 'Code',
                field: 'colorHexidecimalValue',
                cellTemplate: "<div class=\"ui-grid-cell-contents ng-scope ng-binding\" ng-style=\"{'background-color':COL_FIELD}\">",
                width: '0.5%',
                enableFiltering: false,
                enableSorting: false,
                enableHiding: false,
                enableColumnMenu: false
            },
            {name: 'Id', field: 'entity_id' , enableHiding: false },
            {name: 'Name', field: 'entity_name'},
            {name: 'Type', field: 'type'}
        ]
    };

0 个答案:

没有答案