how to resize columns with mouse inside ng-grid control

Question

Hello a have a simple question I have defined columns with property resizable: true. How do I manage to let user re-size column with their mouse, like they will do in most grid control?

Al

Answer 1

Columns are resizable by default, but you have to activate resizing on the whole grid by setting enableColumnResize to true in the grid options. See this Plunker.

$scope.gridOptions = { 
    data: 'myData',
    enableColumnResize: true
};

Eyewash

also add , 'ui.grid.resizeColumns' module and in div tag ui-grid-resize-columns <div ui-grid="vm.gridOptions" ui-grid-exporter ui-grid-selection ui-grid-pinning ui-grid-resize-columns class="grid"> </div> – Decadence