Javascript UI网格根据列的内容设置列的宽度
我最近开始使用ui网格,我希望当网格初始化时,每一列根据其内容具有宽度 我知道在ui网格中有一个函数,当用户双击单元格以调整大小(resizer.link.dblClickFn)时,该函数会执行此操作,但它不将列作为参数,而是将列单击事件作为参数Javascript UI网格根据列的内容设置列的宽度,javascript,angularjs,multiple-columns,Javascript,Angularjs,Multiple Columns,我最近开始使用ui网格,我希望当网格初始化时,每一列根据其内容具有宽度 我知道在ui网格中有一个函数,当用户双击单元格以调整大小(resizer.link.dblClickFn)时,该函数会执行此操作,但它不将列作为参数,而是将列单击事件作为参数 有人对此有过经验吗?我可以通过手动调用所有大小调整器上的双击事件来解决此问题: onRegisterApi: function (gridApi) { $scope.gridApi = gridApi; set
有人对此有过经验吗?我可以通过手动调用所有大小调整器上的双击事件来解决此问题:
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);
}
onRegisterApi:函数(gridApi){
$scope.gridApi=gridApi;
setTimeout(函数(){
var resizers=document.getElementsByClassName(“ui网格列大小调整器”);
对于(var i=0;i 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);
}
onRegisterApi:函数(gridApi){
$scope.gridApi=gridApi;
setTimeout(函数(){
var resizers=document.getElementsByClassName(“ui网格列大小调整器”);
对于(var i=0;i