Grid Layout in MVC

Question

I have a requirement to display data in a grid format in MVC web application. The grid or table showing the data should have below listed features:

 

• Grid or Html table with sorting and custom paging logic
• Data in tabular format should be displayed using Bootsrap css so that in a mobile view, data from each column should be wrapped down instead of having a horizontal scroll bar to see all column details
• Ability to enable/disable sorting for required columns
• Nice styling for paging links
• Able to provide an option for page size (like 10, 50, 100, 200 in a drop-down)
• No third-party components are allowed 
• No client-side plugins allowed ( like jquery DataTable )

The environment restricts the usage of client-side libraries so majority of the work should be done on server-side. This has to be achieved using a minimal javascript code if required.

 

Can anyone help on this with an example?

Your support is highly appreciated.