title: Hide columns in bootstrap table at startup
body: <p>I have the following table, where I use <code>Bootstrap-table</code></p>
  
  <pre><code>&lt;div class="row mystyle" &gt;
      &lt;div class="col-md-12"&gt;
          &lt;table id="mytable"  data-row-style="rowStyle" class="table table-hover" id="table-pagination " 
                 data-url="labels.json" 
                 data-toggle="table"
                 data-pagination="true"
                 data-show-pagination-switch="true"
                 data-sort-order="desc" 
                 data-search="true"
                 data-show-refresh="true" 
                 data-show-columns="true"
                 data-page-list="[10, 25, 50, 100, ALL]"                     
                 &gt;
  
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th data-field="customer.name" data-align="center" data-sortable="true"&gt;customer&lt;/th&gt;
                      &lt;th data-field="type" data-align="center" data-sortable="true"&gt;type&lt;/th&gt;
                      &lt;th data-field="description" data-align="center" data-sortable="true"&gt;description&lt;/th&gt;
                      &lt;th data-field="cutter" data-align="center" data-sortable="true"&gt;cutter&lt;/th&gt; 
                      &lt;th data-field="valid_s" data-align="center" data-sortable="true"&gt;valid&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
          &lt;/table&gt;
      &lt;/div&gt;            
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way to define which columns will be hidden at startup? For example, I want to show only <code>customer</code> and <code>description</code> column.</p>