angular-ui/ui-grid

Firefox ui-grid columns bug

Open

#5,424 opened on May 20, 2016

View on GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (2,496 forks)batch import
Browser Firefoxgood first issue

Repository metrics

Stars
 (5,395 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

I know not how, but when I view my ui-grid of chrome, everything works fine, but when I display it on firefox, I find just 4 column, by against, I must have 83 columns firefox screen :-1: firefox

chrome screen :+1: chrome

My confuguration is like :

 $scope.gridOptions = {
    enableSorting : true,
    enableRowSelection : true,
    selectionRowHeaderWidth : 50,
    enableSelectAll : true,
    enableColumnResizing : true,
    noUnselect : false,
    infiniteScrollRowsFromEnd : 1,
    selectAll : false,
    multiSelect : true,
    enableGridMenu : true,
    exporterMenuPdf : false,
    exporterCsvFilename : 'vehicules_attente.csv',
    exporterCsvLinkElement : angular.element(document.querySelectorAll(".custom-csv-link-location")),
    onRegisterApi : function(gridApi) {
       `$scope.gridApi = gridApi;
        $scope.gridApi.grid.registerRowsProcessor($scope.searchFilter, 200);
       `gridApi.infiniteScroll.on.needLoadMoreData($scope, $scope.getDataDown);
        $scope.gridApi.selection.on.rowSelectionChanged($scope, activeButtons);
        $scope.gridApi.selection.on.rowSelectionChangedBatch($scope, activeButtons);
    }
   `};

inititilization of columns

      $scope.gridOptions.columnDefs = [ {
    field : 'id',
    displayName : "-",
    resizable : false,
    visible : false
    } ];

Columns update :

        ServiceProvider.columns.getColumn({id:$scope.profile.id},function(data){        
    data.columns.forEach(function(item) {
        cols.push({
        field : "" + item.field + "",
        displayName : "" + item.displayName + "",
        id : "" + item.id + "",
        width: item.width,
        cellFilter: getCellFilter(item)         
       });
        fields.push(item.field);
    });


    $scope.gridOptions.columnDefs = cols;
    $scope.gridOptions.fields = fields;
    });

Contributor guide