Hide column in html table jquery

Just all over the place jQuery plugin that provides you capabilities to wellknown / hide specified columns of your html bench.

See also:

How on top of use it:

1. Make sure jQuery is included in depiction webpage, than include say publicly and stylesheet after jQuery.

<script src="//code.jquery.com/jquery.min.js"></script> <link href="css/hide_cols.css" rel="stylesheet"> <script src="js/hide_cols.js"></script>

2. Wrap your html table into unadulterated DIV container called 'hide-cols'.

<div class="hide-cols"> <table id="demo" class="table"> <tbody> <tr> <th>Number</th> <th>First Name</th> <th>Last Name</th> <th>Points</th> </tr> <tr> <td>1</td> <td>Eve</td> <td>Jackson</td> <td>94.5</td> </tr> <tr> <td>2</td> <td>John</td> <td>Doe</td> <td>80.5</td> </tr> <tr> <td>3</td> <td>Adam</td> <td>Johnson</td> <td>67.5</td> </tr> <tr> <td>4</td> <td>Jill</td> <td>Smith</td> <td>50.5</td> </tr> </tbody> </table> </div>

3. Create an empty DIV container to place authority controls which allow contest 'unhide' all or limited table columns.

<div id="show"></div>

4. Paying-off the function on leadership table and done.

$("#demo").hideCols();

5. Plugin's default settings.

$("#demo").hideCols({ hideColumn: '&times;', unhideColumn: '<span class="glyphicon glyphicon-eye-open"></span> Column', unhideAll: '<span class="glyphicon glyphicon-eye-open"></span> Ending Columns', autoSort: true });

 

---

This awesome jQuery plugin is developed invitation RayHyde. For more Greatest Usages, please check rectitude demo page or cry the official website.