调整列大小时如何调整dxDataGrid的大小答案

【问题标题】：How to resize dxDataGrid when column resizing调整列大小时如何调整dxDataGrid的大小
【发布时间】：2017-04-11 11:57:44
【问题描述】：

我可以调整 dxDataGrid 列的大小，但该列会覆盖列旁边。

当列调整大小时，是否有任何选项可以扩展（调整）dxDataGrid

  $scope.dataGridOptions = {
                   bindingOptions: { dataSource: 'gridDataSource' },


                   allowColumnResizing: true,
                   columnAutoWidth: true,
                   hoverStateEnabled: true,
                   allowColumnReordering: true,
                   filterRow: {
                       visible: true
                   },
                   paging: {
                       enabled: false
                   },
                    ..............
                   ..............

我正在使用 html 5 和 angular：

<div id="gridContainer" dx-data-grid="dataGridOptions" ></div>

【问题讨论】：

目前，dxDataGrid 不支持这种开箱即用的功能。

标签： html angularjs devextreme

【解决方案1】：

DevExtreme 团队在 v17.1 中添加了这个开箱即用的选项。您可以从以下 DevExpress 博客文章中了解更多信息：

DevExtreme DataGrid - Advanced Column Resizing

【讨论】：