• Docs
  • API
  • Help
  • Blog
  • GitHub

›Basic Usage

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

Work on Row

react-bootstrap-table2 allow you to custom the row style/class/attributes and event on row(tr)

Live Demo For Rows


Row Style/Class

  • rowStyle
  • rowClasses

Row Events

  • rowEvents

Currently, react-bootstrap-table2 only wrapped up the following events to allow its callback to receive row and rowIndex, for example:

  • onClick
  • onDoubleClick
  • onMouseEnter
  • onMouseLeave
  • onContextMenu
  • onAuxClick
const rowEvents = {
  onClick: (e, row, rowIndex) => {
    ....
  }
};
<BootstrapTable data={ data } columns={ columns } rowEvents={ rowEvents } />

Anyway, it's welcome to ask us to add more wrapped events.

Row Attributes

Coming Soon!

← MigrationWork on Column →
Docs
Getting StartedAPI References
Community
Stack OverflowProject ChatTwitter
More
BlogGitHubStar
Copyright © 2020 react-bootstrap-table2.