Stack Overflow
Stack Overflow

Questions tagged [react-bootstrap-table]

react-bootstrap-table (now react-boostrap-table2) is a react.js table based on the bootstrap's style. It's a configurable, functional table component and make you build a Bootstrap Table more efficiency and easy in your React application.

react-bootstrap-table is a react.js table plugin based on the bootstrap's style. It's a configurable, functional table component and make you build a Bootstrap table more efficiency and easy in your React application. Currently, react-boostrap-table is on version 2 after the original project/version became deprecated.

Here is a partial list of supported features:

  • striped, borderless, condensed table
  • column align, hidden, width, sort, title
  • scrolling table
  • cell format
  • pagination
  • row selection
  • column filter with multi type
  • cell edit with multi type editor
  • insert & delete Row
  • table, row and column styling
  • global search
  • export to CSV
  • rich function hooks
  • large columns table
  • header column span
  • remote mode
  • expandable row
379 questions
0
votes
1 answer

React/Redux passing old data to view

I'm new in React/Redux and I don't know how to deal with my problem, so I decide to ask you. I'm using react-bootstrap-table to show data in table where I can add or edit row. My problem occurring during edit row. When row was clicked I'm opening…
Patryk
  • 24
  • 3
0
votes
1 answer

Headers don't resize with rows

I have a react-bootstrap-table like that:
Version …
Alex
  • 1,221
  • 2
  • 26
  • 42
0
votes
2 answers

Getting a space between header and table with react-bootstrap-table

My code is: ID
Shamoon
  • 41,293
  • 91
  • 306
  • 570
0
votes
2 answers

webpack with react-bootstrap-table getting error jQuery not found

I have small utility project where I am using react bootstrap table. I am bundling this project using webpack to use into some different project. my webpack config file is look like this. When I am running gulp into the main project where I have…
Sunny
  • 468
  • 6
  • 22
0
votes
1 answer

how to get data from related data object on react-bootstrap-table

bootstrap-table module to display some data on my page and I want to make a link from related data to dataField value, Here's a snippet: Here's my JSON data: {"person": { "name" : "jhon", "personLink" : "jhonlink" },{ "name" : "doe", …
user3547367
  • 163
  • 2
  • 12
0
votes
1 answer

onUpdate property or event

From this command: const createRegionsEditor = (onUpdate, props) => (); is onUpdate of RegionsEditor onUpdate refering to an event or to a props of RegionsEditor? I found the code at: …
Jose Cabrera Zuniga
  • 2,348
  • 3
  • 31
  • 56
0
votes
1 answer

error display data from firebase to react bootstrap table

I want to display data from my firebase database to react bootstrap table. But, I can't show live data if after refresh. This is my react component code import React, { Component } from 'react'; import { BootstrapTable, TableHeaderColumn } from…
Quinn
  • 697
  • 1
  • 10
  • 25
0
votes
1 answer

Wrapping a multi export node module in React Component

I am looking at using the React-Bootstrap-Table module in my project. I want to wrap it in a React component called Table which will simply expose the react-bootstrap-module but also pull in the default stylesheet and a custom stylesheet. The…
bencrinkle
  • 278
  • 4
  • 13
0
votes
2 answers

How can I make this in one line?

How can I make this one line?
About
…
user6018484
0
votes
1 answer

How to create data grid table using react-bootstrap and filtering, sorting options in data-grid

Example: Table poped in Modal There is a existing functionality in java application when we click on search button, It will pop up a modal window(like data table grid) and shows data in table format with filtering and sorting options, when we select…
Mahaboob Hussain
  • 11
  • 7
0
votes
1 answer

Get the row index of bootstrap table in click without using jquery

I have a bootstrap table in my react project. I want to get the index of row which I click on. I want to do something like this onclick = {this.handleClick} and in handleClick function I want to get the index of row. Is it possible to do it. Most of…
EdG
  • 2,243
  • 6
  • 48
  • 103
0
votes
1 answer

How to create dynamic data-table with bootstrap or js?

I want to add a data-table in my bootstrap template(services Area), the table must have dynamic row adding,editing and searching feature like this. I want this in my templates services area. how can i do this ? here is my template
Riad Hossain
  • 31
  • 1
  • 5
0
votes
1 answer

React Bootstrap table : not able to update checkbox value when using dataFormat on one of the table columns

I am using react bootstrap table and have "Status" as one of the columns in the table. This column is formatted using dataFormat tag and i have written a function to display render the checkbox. Something like this :
Pulkit Agrawal
  • 1
  • 1
0
votes
2 answers

Javascript/Babel React Syntax for someFunction = (onClick) => {

I'm currently using React and react-bootstrap-tables in my project and the documentation instructs me to use the following method: createCustomExportCSVButton = (onClick) => { return (
rogueSF
  • 87
  • 5
0
votes
1 answer

react data grid with group by in columns

I am looking for a full feature(like editing,deleting,inserting,group by on columns,pagination and extra) data grid for reactjs. after searching i have found react-bootstrap-table (http://allenfang.github.io/react-bootstrap-table/index.html) its has…
Yeganeh Salami
  • 575
  • 7
  • 29
1 2 3
…
25 26