To add column filter in DataTable you can go through my previous blog here. Now, we will move a step further and move column filter from footer to header.
Why do we need column filter in header?
If there are 50 to 100 records in a table then every time user needs to scroll down the page to use column filter. To make this more user friendly we can move column filter from footer to header.