Kendo React UI DataTable Filter with same behavior as JQuery Kendo UI

Question

In kendo react, the filter of the grid is a line bellow the header, like the image bellow

But in the JQuery version the filter is a button that opens a small modal with the filter, like the image bellow

How can I make Kendo React have a button in the header that opens a modal with the filter instead of a new line with the filter?

Answer 1

The docs wasn't that good, kind of hard to find how to do it, but is here.

You pass columnMenuto Column with a component that you want to render and use GridColumnMenuSort and GridColumnMenuFilter.