jquery - ui-grid で AutoResize が正しく機能しない

Question

グリッドの幅または高さを指定せず、「ui-grid-auto-resize」を使用しました。動作していますが、正しくありません。グリッドの小さな部分があるだけなので、その特定の領域のスクロールバーが表示されます (ui-layout スプリッターによって定義されます)。そのスクロールバーから逃れるにはどうすればよいですか?

また、グリッドの高さと幅に特定の数値を定義したくありません。

そして、ここに私の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>"

そして私のグリッド定義：

$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
    }