javascript - UI-Grid 按内容设置列宽度

Question

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

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

有人有这方面的经验吗？

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