title: bootstrap-table with server-side pagination not working correctly
body: <p>I need to serve large datasets into a table over the web, through a Flask web-app.  I'm trying to implement server-side pagination using the <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">bootstrap-table extension</a> and I'm having trouble getting it to work correctly.  There's something about it that I'm not understanding.  When the table renders, it correctly knows the number of rows in my table, and builds an appropriate page list.  However, all the rows in the table get rendered on every single page.  </p>
  
  <p>Also, the sorting and searching capabilities with this table only ever returns the full table.  The bootstrap-table.js code appears to have functionality in place to sort and search with server-side data, but I'm not sure on that.  </p>
  
  <p>My bootstrap table code looks like this </p>
  
  <pre><code>&lt;table class='sastable' id='servertable' data-toggle="table" data-classes='table table-condensed table-bordered'
     data-url="/manga/gettable"
     data-show-columns='true' data-toolbar='#toolbar' data-id-field='id'
     data-pagination="true" data-side-pagination="server"
     data-page-list="[10, 20, 50, 100]" data-search="true"&gt;
  
  &lt;thead&gt;
      &lt;tr id='head'&gt;
          &lt;th data-field="state" data-checkbox="true"&gt;ID&lt;/th&gt;
          &lt;th data-field="id" id='id' data-visible='false' data-switchable='false'&gt;ID&lt;/th&gt;
          {% for column in keys %}
          &lt;th id='{{column}}' data-field='{{column}}' data-sortable='true' data-sorter="sort"
              data-cell-style="{{'cellStyle' if (column=='plate' or 'status' in column or 'comp' in column) else ''}}"
              data-visible="{{'false' if column not in cols else 'true'}}"&gt;{{column|upper}}&lt;/th&gt;
          {% endfor %}        
      &lt;/tr&gt;           
  &lt;/thead&gt;    
  </code></pre>
  
  <p></p>
  
  <p>where my data-url attribute '/manga/gettable' is a link that returns JSON data in this format, <a href="http://jsfiddle.net/havok2063/3pmexete/" rel="nofollow">jsfiddle</a></p>
  
  <p>The code that delivers the data in /manga/gettable is </p>
  
  <pre><code>@tables_page.route('/manga/gettable', methods=['GET','POST'])
  @tables_page.route('/gettable', methods=['GET','POST'])
  def getTable():
  ''' Retrieve tables for server-side delivery '''
  
  
  pl = plateList()
  pl.load()
  table = pl.plate2d    
  size = len(table)
  
  data = OrderedDict()
  data['total'] = size
  data['rows'] = []
  cols = table.columns.keys()
  
  for row in table:
      data['rows'].append({col:row.data[i] for i,col in enumerate(cols)})
  
  return jsonify(data)
  </code></pre>
  
  <p>which basically just loads a table from a file, and converts it into a JSON dictionary type format. This table has ~50 rows in it, and correctly makes 5 pages, assuming the default 10 records per page, yet actually displays all 50 rows on every page.  </p>
  
  <p>A supposedly working example, with correct paging, sorting, and searching is <a href="http://jsfiddle.net/4r6g4cfu/3/light/" rel="nofollow">here</a>, but I don't understand how it's working.  </p>
  
  <p>I feel like I'm missing something basic here.  What am I missing here?  Thanks.  </p>