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?

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
};