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