Я интегрировал DevExtreme React Grid в свой проект React / Typescript + Asp.Net Core, и все работает. Но я хочу что-то вроде этого:
![enter image description here](https://i.stack.imgur.com/NPOQ3.jpg)
Как мне этого добиться? Эта задача кажется легкой с 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>
Любые предложения / решения будут оценены.
Спасибо