UI-Grid根据其内容设置列宽度

Question

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

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

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

Answer 1

我evetually能够通过对所有的大小调整手动调用双击事件来解决这个问题：

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