The problem of horizontal grid scrolling

Question

I am not entirely sure that this has already been decided. I have a grid with many columns. Therefore, a horizontal scrollbar appears, which allows you to scroll to the last few columns.

I do not see columns after a certain number initially when the grid is empty. Using the data, I can scroll left and see the data.

Now, if I filter on any of the columns that were not initially displayed, which gives me zero results, I cannot scroll back to the column and delete the filter because it is not displayed. Please help me. Any help appreciated.

This problem does not exist in the slick grid on which the ng-grid is built.

thank

Answer 1

Another quick fix is ​​to use the CSS class

.ngCanvas {
    min-height: 1px !important;
}

Answer 2

I hope this can solve the problem, in case there is no line in the canvas, the height becomes 0, and this makes the scroll disappear, and so we can find out when the height becomes zero and replace it with a fixed height.

 $scope.canvasStyle = function() {
    if(grid.maxCanvasHt!=0)
    return { "height": grid.maxCanvasHt + "px" };
    else
         return { "height":"3px" };// set height to minimum requirement.

};