Fluent UI Detail List - I want to include the contextual menu in column headers for sorting and filtering

Question

I am using Fluent UI DetailsList. I want a functionality to sort and filtering to choose when column header is clicked in the detailList.

Filtering would be like, when Clicking on filter by it should ask for filtering as per below image

Sorting should give 2 option to choose (Ascending/Descending)