UI-Grid Установить ширину столбцов по их содержимому

Question

UI-Grid Установить ширину столбцов по их содержимому

0

Недавно я начал использовать ui-grid, и я хочу, чтобы при инициализации сетки каждый столбец имел ширину в соответствии с ее содержимым.

Я знаю, что есть функция, которая делает это в ui-grid, когда пользователь дважды щелкает ячейку для изменения размера (resizer.link.dblClickFn), но не принимает столбца в качестве параметра, он принимает событие щелчка по столбцу,

У кого-нибудь есть опыт?

Or Betzalel 19 июль 2015, в 00:29

Источник

0

Это глупо, но вы не можете программно запустить двойной щелчок, так как каждая ячейка заполнена. Это будет дорогостоящим с большими объемами данных, но может работать только для небольших наборов данных.
tuckerjt07 19 июль 2015, в 17:22

Теги:

javascript

angularjs

multiple-columns

1 ответ

Ещё вопросы

Это глупо, но вы не можете программно запустить двойной щелчок, так как каждая ячейка заполнена. Это будет дорогостоящим с большими объемами данных, но может работать только для небольших наборов данных.

Or Betzalel · Answer 1 · 2015-07-20T20-36-00.000Z

Я был способен решить эту проблему, вручную вызвав событие двойного щелчка на всех средах:

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

Решил это для меня как единственное решение для ui-grid 3.x!