Demo of Tablesaw A group of plugins for responsive tables.

Column Toggle Table

The Column Toggle Table allows the user to select which columns they want to be visible.

Movie Title Rank Year Gross Rating
Avatar 1 2009 $2.7B $2.7B 83%
Titanic 2 $2.1B $2.1B 88%
The Avengers 3 2012 $1.5B $1.5B 92%
Harry Potter and the Deathly Hallows—Part 2 4 2011 $1.3B $1.3B 96%
Frozen 5 2013 $1.2B $1.2B 89%
Iron Man 3 6 2013 $1.2B $1.2B 78%
Transformers: Dark of the Moon 7 2011 $1.1B $1.1B 36%
The Lord of the Rings: The Return of the King 8 2003 $1.1B $1.1B 95%
Skyfall 9 2012 $1.1B $1.1B 92%
Transformers: Age of Extinction 10 2014 $1.0B $1.0B 18%

Add a <div class="tablesaw-overflow"> wrapper element to enable overflow scrolling when too many columns are selected by the user.

Movie Title Rank Year Gross Rating
Avatar 1 2009 $2.7B $2.7B 83%
Titanic 2 $2.1B $2.1B 88%
The Avengers 3 2012 $1.5B $1.5B 92%
Harry Potter and the Deathly Hallows—Part 2 4 2011 $1.3B $1.3B 96%
Frozen 5 2013 $1.2B $1.2B 89%
Iron Man 3 6 2013 $1.2B $1.2B 78%
Transformers: Dark of the Moon 7 2011 $1.1B $1.1B 36%
The Lord of the Rings: The Return of the King 8 2003 $1.1B $1.1B 95%
Skyfall 9 2012 $1.1B $1.1B 92%
Transformers: Age of Extinction 10 2014 $1.0B $1.0B 18%

Column Toggle Table with Mini Map

Movie Title Rank Year Rating Gross
Avatar 1 2009 83% $2.7B
Titanic 2 1997 88% $2.1B
The Avengers 3 2012 92% $1.5B
Harry Potter and the Deathly Hallows—Part 2 4 2011 96% $1.3B
Frozen 5 2013 89% $1.2B
Iron Man 3 6 2013 78% $1.2B
Transformers: Dark of the Moon 7 2011 36% $1.1B
The Lord of the Rings: The Return of the King 8 2003 95% $1.1B
Skyfall 9 2012 92% $1.1B
Transformers: Age of Extinction 10 2014 18% $1.0B