The Bootstrap Table Pipelining plugin enables client-side data caching for server-side requests. This optimizes performance for large datasets by reducing the number of server requests during page changes. Instead of requesting a single page, the plugin requests a 'cache window' of data (defined by pipelineSize) and caches it locally.
Important Server-Side Requirement:
Your server-side implementation MUST use the limit (equal to pipelineSize) and offset parameters to return only the data within the requested cache window, along with the total number of rows.
<!-- Assumes bootstrap and bootstrap-table assets are already imported -->
<script src="/path/to/bootstrap-table-pipeline.js"></script>
<table id="pipeline_table"
class="table table-striped"
data-method='post'
data-use-pipeline="true"
data-pipeline-size="5000"
data-pagination="true"
data-side-pagination="server"
data-page-size="50">
<thead
<tr
<th data-field="type" data-sortable="true">Type</th>
<th data-field="value" data-sortable="true">Value</th>
<th data-field="date" data-sortable="true">Date</th>
</tr>
</thead>
</table>