title: Format column with checkboxes in bootstrap-table
body: <p>I use <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">bootstrap-table</a>, which has <a href="http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#column-events-table" rel="nofollow">data-formatter</a> feature to format cells. I have a <a href="http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#checkbox-table" rel="nofollow">column with checkboxes</a> in table. Is there any simple way to format column with checkboxes?</p>
  
  <p><a href="http://jsfiddle.net/3L7vgcx0/9/" rel="nofollow">jsfiddle</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;table class="table table-striped table-bordered table-hover"  cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
      &lt;th data-field="state" data-checkbox="true" data-formatter="starsFormatter"&gt;&lt;/th&gt;
      &lt;th data-field="name" data-halign="center" data-align="left" data-sortable="true"&gt;Name&lt;/th&gt;
      &lt;th data-field="stargazers_count" data-formatter="starsFormatter" data-halign="center" data-align="left" data-sortable="true"&gt;Stars&lt;/th&gt;
      &lt;th data-field="forks_count" data-formatter="forksFormatter" data-halign="center" data-align="left" data-sortable="true"&gt;Forks&lt;/th&gt;
      &lt;th data-field="description" data-halign="center" data-align="left" data-sortable="true"&gt;Description&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>var data = [{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
             {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
             {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"}]
  
  $('table').bootstrapTable({
      data: data
  });
  
  function starsFormatter(row, value, inde) {
      return row + '&lt;i class="glyphicon glyphicon-star"&gt;&lt;/i&gt; ';
  }
  
  function forksFormatter(value) {
      return '&lt;i class="glyphicon glyphicon-cutlery"&gt;&lt;/i&gt; ' + value;
  }
  </code></pre>