title: How to render custom html in bootstrapTable but when using sidePagination and url?
body: <p>I am using <a href="https://github.com/wenzhixin/bootstrap-table" rel="nofollow">https://github.com/wenzhixin/bootstrap-table</a> on some project.
  I find that is really easy to use and implement pagination. However I have some problem regarding custom html in different rows. This is just peace of code.</p>
  
  <pre><code>$('#selector').bootstrapTable({
  
      pagination: true,
      url : some_rest_url,
      sidePagination: 'server',
      onLoadSuccess: function (res) {
          var data_ = [];
          var rows = res.rows;
  
          for (var i =0; i &lt; rows.length; i ++) {
              var data = {};
              var item = rows[i];
              $.each(item, function (key, value) {
                  if (key == "cost") value = "&lt; span class="cl" &gt;"currency + " " + parseFloat(value).formatNumber(2, '.', ',')."&lt; / span &gt;";
                 //and so on some more styling and formatting for other elements/columns of table
                 data[key] = value;
             });
             data_.push(data);
      }
      $('#selector').bootstrapTable("load", data_);
  </code></pre>
  
  <p>So table should have one column and in each row span element with that class but that is not happening.
  I just have that default plain text data from boostrapTable default load (json data).</p>
  
  <p>BTW when using plain ajax call instead of that default boostrapTable pagination thingy everything works great but then i have to make custom pagination (and using sidePagination = client is just wrong and working slow when have like 1000 records ).</p>