Responsive Design at the Table Level

Published on Thursday, June 06, 2013

Responsive Design at the Table Level

Co-founder Phil Wegrzyn applies jquery magic to view tables on a phone

Co-Founder and long-time contributor to tech-talks at the Chicago Area DotNetNuke User Group, Phil Wegrzyn showed us how to add style sheet and jquery code to transform a wide multi-column table into a clean display for iPhone or Android.

 

Using the techniques presented, one can shrink a multiple-column table down to 2 - a data column and an expand button. It's a very eloquent way of displaying complex tabular info on a small screen device.

This presentation was given at the June online meeting of the Chicago Area DotNetNuke User Group. Don Gingold introduces Phil and then asks a few questions from the audience.

Rate this article:
No rating
Comments (2)Number of views (19493)
Print
 
Don Gingold
Don Gingold>

Don Gingold

Co-Founder and Managing Director of Sprocket Websites, Inc.; Co-Founder Chicago Area DotNetNuke User Group

Other posts by Don Gingold
Founders
Founders>

Founders

Chicago Area DotNetNuke Users Group Founding Members

2 comments on article "Responsive Design at the Table Level"

31
0

Phil Wegrzyn

6/6/2013 9:52 PM

if you want to try this demo online, its available at

http://customportalsolutions.com/Demos/ResponsiveTable.aspx

in FF or Chrome, shrink the width of the page and you will see the responsiveness of the table, or check it out on a full size browser, and then on a mobile phone.


0
0

Don Gingold

6/19/2013 10:22 PM

Thanks, Phil.

Leave a comment

Name:
Email:
Comment:
Add comment
DotNetNuke User Groups Facebook Fan Page - Chicago DotNetNuke Users Group LinkedIn Group - Chicago Area DotNetNuke Users Group Twitter Feed - @ChicagoDNN Google+ CADUG Community

Search the News

«December 2018»
SunMonTueWedThuFriSat
2526272829301
2345678
9101112131415
16171819202122
23242526272829
303112345

Wanna blog here?

We want you...

If you are into DotNetNuke like we are and you want to contribute to the community, then jump over to the Contact Us page and let us know that you want to be a contributor on this website. We will create an account for you and let you blog away about DotNetNuke. Not sure about writing, ok, how about finding DotNetNuke news stories and/or events and posting them here as well.  

We are looking for all types of DotNetNuke users. All we ask that you keep your posts professional, relevant and non-promotional.

Please help grow our community and get involved today!