Strange column header height #2509
Description
Dear All,
I have the following html code fragment.
<div class="container-fluid"> <div id="test1" class="default-route-grid" ui-grid="gridOptions" ui-grid-selection></div> </div>and my gridOptions is same as below:
$scope.gridOptions = { enableFiltering: true, enableSorting: true, enableRowSelection: true, enableSelectAll: false, selectionRowHeaderWidth: 35, multiSelect: false, columnDefs: _.map(_.filter($scope.columnDefs, function(item) { return item.field; }), function(item) { return item ; }), data: DataSync.getRows("dbv2-routes", function(item){ return item.Status != "Archived"; }), onRegisterApi: function(gridApi){ $scope.gridApi = gridApi; gridApi.selection.on.rowSelectionChanged($scope,function(row){ var selectedRows = gridApi.selection.getSelectedRows(); $scope.refreshButton("CopyRouteButton", selectedRows); $scope.refreshButton("EditRouteButton", selectedRows); $scope.refreshButton("DeleteRouteButton", selectedRows); }); } };Everything works fine except the column header height grows near half of the whole grid. I have no idea what happened. Is there anyone can tell how to set column header height? Is there any way the column header height is adjusted automatically? Thanks for your advice.