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

jquery, jquery-mobile, tablesorter

Solution

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

CSS:

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

Problem

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

Original source