https://github.com/walkingriver/columnz
HTML tables are common for viewing columnar data on a web page. However, sometimes there may be columns you do not necessarily want to see. Enter the Columnz, a jQuery plug-in, and let your users choose which columns they want to see.
https://github.com/walkingriver/columnz
Last synced: 11 months ago
JSON representation
HTML tables are common for viewing columnar data on a web page. However, sometimes there may be columns you do not necessarily want to see. Enter the Columnz, a jQuery plug-in, and let your users choose which columns they want to see.
- Host: GitHub
- URL: https://github.com/walkingriver/columnz
- Owner: walkingriver
- License: mit
- Created: 2012-12-03T14:15:32.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2014-01-28T13:38:22.000Z (over 12 years ago)
- Last Synced: 2025-01-19T07:13:27.328Z (over 1 year ago)
- Language: CSS
- Size: 161 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.md
Awesome Lists containing this project
README
columnz
=======
HTML tables are common for viewing columnar data on a web page. However, sometimes there may be columns you do not necessarily want to see. Enter the Columnz, a jQuery plug-in, and let your users choose which columns they want to see. Simply include the columnz.js and columnz.css files into your project, and wire up a simple call in your document ready function.
When applied to a table, each table header will receive a close icon that appears on mouseover. The table itself will be moved very slightly to the right to make room for a small dropdown menu icon that can be used to hide and restore columns.
Usage
=====
$('tableSelector').columnz();
Demo
=======
Demo can be seen at http://jsfiddle.net/mikecallaghan/maqCA/