UI-Grid按其内容设置列的宽度

Question

I recently started using ui-grid and I want that when the grid initializes, each column will have width according to its content.

I know there is a function that does that in ui-grid when the user double-clicks a cell to resize (resizer.link.dblClickFn) but it doesn't take a column as a parameter, it takes an event of a column click.

Anyone has any experience with this?

Answer 1

I was evetually able to solve it by manually calling the double click event on all the resizers :

    onRegisterApi: function (gridApi) {
        $scope.gridApi = gridApi;

        setTimeout(function () {
            var resizers = document.getElementsByClassName("ui-grid-column-resizer");

            for (var i = 0; i < resizers.length; i++) {
                var event = new MouseEvent('dblclick', {
                    'view': window,
                    'bubbles': true,
                    'cancelable': true
                });

                resizers[i].dispatchEvent(event);
            }
        }, 1);
    }