jQuery Hide Column of Table: jQuery plugin that hides and shows table columns

Recommend this page to a friend!
  Info   View files Example   View files View files (10)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not yet rated by the usersTotal: 100 All time: 414 This week: 4Up
Version License JavaScript version Categories
table-column-toggle 1.0GNU General Publi...1.0HTML, jQuery
Description Author

This is a jQuery plugin that can hide and show table columns.

It takes a given table element and can hide given table columns.

The plugin can also add buttons to toggle the visibility of columns, so users can click on them to show or hide the table columns they want.

Innovation Award
JavaScript Programming Innovation award nominee
May 2015
Number 2
Sometimes Web sites have pages with wide tables that prevent to fit all information within the available screen width.

This jQuery plugin that can hide some columns of tables, so they can fit on small screens.

Manuel Lemos
Picture of Danish Satti
Name: Danish Satti <contact>
Classes: 2 packages by
Country: Pakistan Pakistan
Age: 36
All time rank: 1451 in Pakistan Pakistan
Week rank: 6 Up1 in Pakistan Pakistan Equal
Innovation award
Innovation award
Nominee: 1x

Details

dtcoltoggle

JQuery plugin for datatables to show hide table columns. Very useful when you have large number of column to display on less page space. Less important columns can be hidden and using this extension user can toggle columns.

  Files folder image Files  
File Role Description
Files folder imagecss (2 files)
Files folder imagejs (3 files)
Files folder imagenbproject (2 files, 1 directory)
Accessible without login Plain text file index.html Example Example
Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
  Accessible without login Plain text file dataTables.colToggle.css Data Auxiliary data
  Accessible without login Plain text file jquery.dataTables.css Data Auxiliary data

  Files folder image Files  /  js  
File Role Description
  Plain text file dataTables.colToggle.js Class Class source
  Plain text file jquery-1.11.1.min.js Class Class source
  Plain text file jquery.dataTables.min.js Class Class source

  Files folder image Files  /  nbproject  
File Role Description
Files folder imageprivate (1 file)
  Accessible without login Plain text file project.properties Data Auxiliary data
  Accessible without login Plain text file project.xml Data Auxiliary data

  Files folder image Files  /  nbproject  /  private  
File Role Description
  Accessible without login Plain text file private.properties Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 100%
Total:100
This week:0
All time:414
This week:4Up