In working with a GridView or table such that it displays reasonably on mobile devices, I’ve been using the media query breakpoints to hide specific columns, and have a label which only shows below the mobile portrait breakpoint , saying that more detail is displayed in landscape view.

I’ve since come across the MediaTable jQuery plug-in which works with respond.js to give responsive columns and adds a show/hide toggle where applicable plus allows a user to select the columns they wish to view. Cool.

Take a look for yourself at:

This tip was provided by Ian Haynes. 

If you have a top tip that you would like to share with us then please send it in to us. If it’s a really good tip then it may even be featured in the MSDN newsletter!