title: Adazzle react data grid 7.0.0-canary.48: How to have draggable columns (column reordering) and header filters both?
body: <p>I want to have draggable columns(column reordering) and header filters both in the data grid.</p>
  <p>As the examples given for draggable columns(column reordering) <a href="https://github.com/adazzle/react-data-grid/blob/main/website/demos/ColumnsReordering.tsx" rel="nofollow noreferrer">https://github.com/adazzle/react-data-grid/blob/main/website/demos/ColumnsReordering.tsx</a>  and for header filters  <a href="https://github.com/adazzle/react-data-grid/blob/main/website/demos/HeaderFilters.tsx" rel="nofollow noreferrer">https://github.com/adazzle/react-data-grid/blob/main/website/demos/HeaderFilters.tsx</a> are implemented separately.</p>
  <p>I am able to implement one of them at one time but do not know how to implement both draggable columns(column reordering) and header filters at the same time in the react data grid.</p>