• Docs
  • API
  • Help
  • Blog
  • GitHub

›Remote Table

Getting Started

  • About
  • Getting Started
  • Bootstrap 4
  • Migration

Basic Usage

  • Work on Row
  • Work on Column
  • Table Sort
  • Row Selection
  • Column Filter
  • Cell Edit
  • Pagination
  • Expandable Row

Remote Table

  • Work on Remote
  • Overlay

Table Toolkits

  • Getting Started
  • Table Search
  • Export to CSV
  • Column Toggle

Exposed API

  • Introduction

Remote Table

What is Remote

By default, react-bootstrap-table2 always handle the data changes internally, such as sorting, paging, filtering etc. However, you may want to handle those logic or sync up to backend or Redux store so that remote can help you on it as well.

Live Demo for Remote Table


How

Make sure you already see remote props on BootstrapTable firstly. In the beginning, you can assign true to enable the remote mode on table but few people doing like that, because it will enable all the functionalities(sort, filter etc) become remote mode.

In the most of case, you probably only need some functionalites handled on the remote, so remote allow you to pass an object to control it.

Table/Data Change

It's the key point that you need to know something changed so that you can handle your data or logic externally. In the remote mode, you are supposed to give onTableChange on BootstrapTable and it will being called when table have any changes if you enable the remote mode.

All the changes are go though onTableChange listener, it's only way that table give fully control to you

Please read onTableChange docs to understand how to leverage it.

Remote Pagination

Pagination remote is a particular case in react-bootstrap-table2. If you enable the pagination remote mode, react-bootstrap-table2 will not handle sort and filter internally, instead your application is supposed to handle it in the remote way.

Because, sort and filter need to work on overall data. In the remote pagination, react-bootstrap-table2 doesn't know all the data, only have the data on current page. So that's why you need to handle the remote filtering or sorting also.

You can see this example to see how it work for above case.

A good news is we are consider to easing this limitation through partial sorting/filtering on current page.

← Expandable RowRemote Loading/Overlay →
Docs
Getting StartedAPI References
Community
Stack OverflowProject ChatTwitter
More
BlogGitHubStar
Copyright © 2020 react-bootstrap-table2.