Search code examples
jquery-mobiletablesorterjquery

How to hide the column-toggle button from the table?

I want to hide the column-toggle button or column chooser button from the table appears above the table. I am using the jQuery Mobile ver. 1.3.2.

i'm using this:

<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
 <thead class="pearlHeading">
  <tr>
   <th data-priority="1">S.No.</th>
   <th >Name of the Programme</th>
   <th data-priority="2">Campus</th>
  </tr>
 </thead>
 <tbody>
 </tbody>
</table>

I remove the 

data-role="table" id="table-column-toggle" data-mode="columntoggle"

but its not working properly

Solution

  • Working example: http://jsfiddle.net/Gajotres/pdYre/

    CSS:

    .ui-table-columntoggle-btn {
    display: none !important;
}