angular ui-grid - 动态改变页面大小的css样式是变化的

Question

在角度ui-grid中更改页面大小时，如何动态更改css样式？ 。

我的用例是，我想根据登录的用户类型显示灰色的编辑/删除。基于服务器端的“row.entity.isEditable”标志设置ng-disabled并基于应用样式残疾人国家。

这对于单次拍摄中显示的所有行（例如15个）完全正常。如果我们将页面大小更改为5或10，则样式将无法正确呈现。因此，我们在UI中看到不合适的灰色/彩色链接。

请告诉我，如何解决这个问题。或者，如果您有任何其他方法，请告诉我们？

rake

由于

Answer 1

我的自定义css也遇到了问题，但通过显式通知网格notifyDataChange事件发生了数据更改，解决了这个问题。

//use onRegisterApi to handle grid events
$scope.gridUsers.onRegisterApi = function (gridApi) {
    $scope.gridApi = gridApi;

    //register an event for pagination
    gridApi.pagination.on.paginationChanged($scope, function (newPage, pageSize) {

        //call notifyDataChange to tell the grid that data has changed
        gridApi.core.notifyDataChange(uiGridConstants.dataChange.ALL);
    });
};