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