angular - 如何在 dxdatagrid 中动态创建带有数据类型的 dxi 列？

Question

我们正在开发一个 Angular 应用程序。我必须在具有

的 dxdatagrid 中显示记录

1. 每次架构都会不同。数据来自不同的表。

2. 想要添加/编辑记录

3. 想显示每个数据类型对应的控件

请任何人帮助实现同样的目标。

Answer 1

您可以在 dx-data-grid 上使用属性 [columns]。

例子: 在你的组件上

const columns =  [{
        dataField: 'id',
        caption: 'Id',
        width: 100,
        dataType: number 
    }, {
        dataField: 'Name',
        caption: 'Name',
        width: 500,
        dataType: string
    }];

在你看来

<dx-data-grid id="gridExample"
              [dataSource] = "dataSource" 
              [columns] = "columns">
</dx-data-grid>

引用文献:https://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxDataGrid/Configuration/columns/