Jquery 自动调整大小在ui网格中无法正常工作

我没有为网格指定宽度或高度，而是使用了“ui网格自动调整大小”。它正在工作，但不正常。上面只有一小块网格，因此我看到了特定区域的滚动条（由ui布局拆分器定义）。为了摆脱滚动条，我能做些什么

我也不想为网格的高度和宽度定义一个特定的数字

这是我的html：

<div ui-layout-container size='300px'  >;
   <div id="asGrid" ui-grid="MetadataGridOptions" ui-grid-selection ui-grid-resize-columns ui-grid-auto-resize ui-grid-move-columns ui-grid-tree-view class="grid"></div>';
</div>"

---

如果没有列定义/代码，这将是一个很难猜测的问题。@KreepN question更新。希望这有助于发现您是否可以复制此plnk，使其更像您的plnk，然后我将继续查看它。几乎不可能猜出文章中没有的html结构和自定义css。我认为ui网格的自动调整大小有一个bug。当我删除复选框标题或树标题时，它会正常工作。如果没有列定义/代码，这将是一个很难猜测的问题。@KreepN question updated。希望这有助于发现您是否可以复制此plnk，使其更像您的plnk，然后我将继续查看它。几乎不可能猜出文章中没有的html结构和自定义css。我认为ui网格的自动调整大小有一个bug。当我删除复选框标题或树标题时，它会正常工作。

$scope.GridOptions = {
        enableHorizontalScrollbar : 0,
        enableVerticalScrollbar : 1,
        excessRows : 20,
        enableSorting : true,
        enableFiltering : true,
        showTreeExpandNoChildren : true,
        enableFullRowSelection : true,
        enableRowHeaderSelection : false,
        rowHeight : 30,
        multiSelect : false,
        //horizontalScrollThreshold : 0,
        enableColumnMenus : true,
        rowEquality : false,
        enableColumnResizing : true,
        columnDefs : [{
                name : 'Name'
            }, {
                name : ' ',
                width : 40
            }, {
                name : '  ',
                width : 30
            }, {
                name : '   ',
                width : 30
            }, {
                name : '     ',
                width : 55
            }, {
                name : 'DataType'
            }, {
                name : 'IsRequired'
            }, {
                name : 'defaultValue'
            }, {
                name : 'ReadOnly'
            }, {
                name : 'Description'
            }
        ],
        showTreeExpandNoChildren : true
    }