在DevExpress网格中设置列数据类型

Question

我已经将DevExtremeReact Grid集成到我的React / Typescript + Asp.Net Core项目中，并且一切正常。但是我想要这样的东西：

我该如何实现？对于插件的jQuery版本，此任务似乎很容易，但是我不明白如何使用React + TS来完成此任务。

到目前为止，我已经为此目的使用了 插件，但是对我来说并没有那么有用。请检查我的代码：

这就是我定义日期数据类型的方式

const DateTypeProvider = props => (<DataTypeProvider
    for={['createdOn']}
    availableFilterOperations={['equal', 'between']}
/>);

，我在网格中使用了上面定义的自定义插件，如下所示：

<Grid
                rows={rows}
                columns={columns}
            >
                <FilteringState
                    filters={filters}
                    onFiltersChange={(filters) => this.setState({ filters })}
                />
                <DateTypeProvider />
                <Table />
                <TableHeaderRow />
                <TableGroupRow />
                <TableColumnVisibility columnTogglingEnabled={true} />
                <TableFilterRow
                    showFilterSelector={true}
                />
            </Grid>

任何建议/解决方案将不胜感激。 谢谢