24

列の幅に問題があります。事前にどの幅になるかわかりませんし、各列の幅を指定したくありません。コンテンツ (列ヘッダーを含む) に基づいてすべての列幅を自動調整するために使用できる属性はありますか?

4

6 に答える 6

0

これは機能します：

$scope.gridOptions = {
                init: function (gridCtrl, gridScope) {
                    gridScope.$on('ngGridEventData', function () {
                        $timeout(function () {
                            angular.forEach(gridScope.columns, function (col) {
                                gridCtrl.resizeOnData(col);
                            });
                        });
                    });
                },
                data: 'scopeDataField',
                columnDefs: [
                    {
                        field: 'property1',
                        displayName: 'property1title',
                        width: '100px' // a random fixed size, doesn't work without this
                    },
                    {
                        field: 'property2',
                        displayName: 'property2title',
                        width: '100px'
                    }

                ],
                enableColumnResize : true
            };
于 2015-05-08T12:21:16.600 に答える
0

ui-grid を使用してください。

しかしhttps://github.com/angular-ui/ng-grid/wiki/Configuration-Options

于 2015-02-25T11:20:32.130 に答える
0

https://stackoverflow.com/a/32605748/1688306で回答を参照してください。

列名またはデータムの長い方で計算された列幅。

于 2015-09-16T10:51:43.463 に答える
-1

はい！幅をcolumndefsに設定するautoと、データやヘッダーの幅に基づいて列のサイズが自動的に調整されます。

参考：列の定義

于 2013-06-28T15:07:49.573 に答える
-1

私はui-gridを使用しています。次のコードは私のために働いています。これを試すことができます。

First you need to add a module dependency 'ui.grid.autoResize' in your main module.

Then add css class something like this 

.grid {
  width    : 400px !important;
  max-width : 400px !important;
  height   : 600px !important;
}

最後に、次のように ui-grid ディレクティブを html ファイルに追加します。ui-grid-auto-resizegrid ディレクティブに「 」を追加することを忘れないでください。

<div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-auto-resize></div>
于 2015-06-15T04:54:24.603 に答える