UI-Grid按其内容设置列宽

Question

我最近开始使用ui-grid，我希望在网格初始化时，每列的宽度都根据其内容。

我知道当用户双击要调整大小的单元格（resizer.link.dblClickFn）时，有一个函数可以在ui-grid中执行此操作，但它不会将列作为参数，它需要一个列点击事件。

任何人都有这方面的经验吗？

Answer 1

我通过在所有调整器上手动调用双击事件来完全解决它：

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