npmpackage.info

Gathering detailed insights and metrics for react-bootstrap-table

Other packages similar to react-bootstrap-table

react-bootstrap-table-next

4.0.3

Next generation of react-bootstrap-table

@types/react-bootstrap-table-next

4.0.26

TypeScript definitions for react-bootstrap-table-next

@types/react-bootstrap-table

4.3.19

TypeScript definitions for react-bootstrap-table

react-bootstrap-table-next-react18-node20

4.0.6

Next generation of react-bootstrap-table

Gathering detailed insights and metrics for react-bootstrap-table

react-bootstrap-table

A Bootstrap table built with React.js

4.3.1

2,228

MIT

JavaScript

49.20 kB

10,372,310 1.9

Installations

npm install react-bootstrap-table

Score

81.8

Supply Chain

78.7

Quality

74.4

Maintenance

95.7

Vulnerability

99.6

License

Pull Requests

Open

20

Total

306

Closed

76

Merged

210

Issues

Open

420

Total

1,839

Closed

1,419

Releases

v4.0.0-beta.9

Published on 31 Jul 2017

v4.0.0-beta.8

Published on 16 Jul 2017

v4.0.0-beta.7

Published on 09 Jul 2017

v4.0.0-beta.6

Published on 11 Jun 2017

v4.0.0-beta.5

Published on 28 May 2017

v4.0.0-beta.4

Published on 13 May 2017

View all 20 releases

Developer

AllenFang

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

6.0.0

NPM Version

3.8.6 Statistics

2,228 Stars

2,403 Commits

782 Forks

84 Watching

11 Branches

116 Contributors

Updated on 22 Nov 2024

Bundle Size

256.16 kB

Minified

49.20 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (96.86%)

CSS (3.14%)

Total Downloads

Cumulative downloads

Total Downloads

10,372,310

Last day

-7%

3,788

Compared to previous day

Last week

-9%

18,468

Compared to previous week

Last month

2.4%

85,849

Compared to previous month

Last year

-11.6%

1,035,068

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

react-bootstrap-table

`react-bootstrap-table2` already released, this project will stop development after 2018Q2

It's a react.js table for bootstrap, named react-bootstrap-table. It's a configurable, functional table component and make you build a Bootstrap Table more efficiency and easy in your React application, However react-bootstrap-table support these features:

Striped, borderless, condensed table
Column align, hidden, width, sort, title, styling, customization
Table scrolling
Cell format
Pagination
Row selection
Table Search, Column filter
Cell editor
Insert & delete Row
Export to CSV
Rich function hooks
Header column span
Remote mode
Row expand
Key board navigation

Example See more about react-bootstrap-table and explore more examples on examples folder
Check the CHANGELOG for more detail release notes.

Notes

v4.0.0 released, this release mainly replace react-toastr with react-s-alert

Replace react-toastr by react-s-alert
Use prop-types
Support bootstrap@4 and bootstrap@3 both. If you use 4, please add version='4' on <BootstrapTable>
No important features were implemented, most of bug fixes and improvement

After v2.4.4, we move the css files to dist folder for allowing this repo can be hosted on cdnjs

Development

react-bootstrap-table dependencies on react.js and Bootstrap 3, also written by ES6 and use gulp and browserify for building and bundling.

You can use the following commands to prepare development

1$ git clone https://github.com/AllenFang/react-bootstrap-table.git
2$ cd react-bootstrap-table
3$ npm install

See the examples for react-bootstrap-table

1$ npm start # see all examples, go to localhost:3004

Usage

a.Install

1npm install react-bootstrap-table --save

b.Import Module

To use react-bootstrap-table in your react app, you should import it first. You can do this in two ways:

With a module bundler

With a module bundler like webpack that supports either CommonJS or ES2015 modules, use as you would anything else.
You can include source maps on your build system to debug on development. Don't forget to Uglify on production.

1// in ECMAScript 6
2import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
3// or in ECMAScript 5
4var ReactBSTable = require('react-bootstrap-table');  
5var BootstrapTable = ReactBSTable.BootstrapTable;
6var TableHeaderColumn = ReactBSTable.TableHeaderColumn;

Browser global(window object)

In the dist folder you have a UMD bundle with source maps (react-bootstrap-table.js) as well as a minified version (react-bootstrap-table.min.js).

1<script src="path/to/react-bootstrap-table/dist/react-bootstrap-table.min.js" />
2<script>
3  var ReactBsTable = window.BootstrapTable;
4  //...
5</script>

The UMD build is also available on npmcdn:

1// source maps: https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table.js.map
2<script src="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table.js"></script>
3// or use the min version
4<script src="https://npmcdn.com/react-bootstrap-table/dist/react-bootstrap-table.min.js"></script>

c.Import CSS

Finally, you need to import the css file to your app:

1<!-- we still need bootstrap css -->
2<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
3<link rel="stylesheet" href="./dist/react-bootstrap-table.min.css">

The CSS files you can find in the css folder.

Quick Demo

1// products will be presented by react-bootstrap-table
2var products = [{
3      id: 1,
4      name: "Item name 1",
5      price: 100
6  },{
7      id: 2,
8      name: "Item name 2",
9      price: 100
10  },........];
11// It's a data format example.
12function priceFormatter(cell, row){
13  return '<i class="glyphicon glyphicon-usd"></i> ' + cell;
14}
15
16React.render(
17  <BootstrapTable data={products} striped={true} hover={true}>
18      <TableHeaderColumn dataField="id" isKey={true} dataAlign="center" dataSort={true}>Product ID</TableHeaderColumn>
19      <TableHeaderColumn dataField="name" dataSort={true}>Product Name</TableHeaderColumn>
20      <TableHeaderColumn dataField="price" dataFormat={priceFormatter}>Product Price</TableHeaderColumn>
21  </BootstrapTable>,
22	document.getElementById("app")
23);

More react-bootstrap-table examples

The example source codes are in the examples folder folder. Run the following commands for a live demo.

1$ git clone https://github.com/AllenFang/react-bootstrap-table.git
2$ cd react-bootstrap-table
3$ npm install
4$ npm start # after start, open browser and go to http://localhost:3004

Documentation

Thanks

luqin
Help this project to integrate a better examples demo, add travis & badge, code formatting, give a lot of suggestions and bugs report.
Whien
Implement a lots of awesome new feature and also fix some bugs and enhancements.
Parth Prajapati
Help to check issues and give great and useful instructions.
khinlatt
Contribute export csv, multi-search and bug fixing.
dana
Contribute a new colum-filter design and great feedback given.
tbaeg
Bugs report and give some bootstrap and css suggestions actively.
bluedarker
Contribute the edit format & validation on cell editing and row insertion. Improve the custom styling.
Sofia Silva
Bug reports and fixing actively.
frontsideair
Fixing bugs and give improvement for functionality.
aaronhayes
Bugs report and enhance the cell formatting.
Reggino
Implement the TableDataSet component.

Stable Version

The latest stable version of the package.

Stable Version

4.3.1

MODERATE

6.1/10

Summary

Cross-site scripting in react-bootstrap-table

Affected Versions

<= 4.3.1

Patched Versions

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

1

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

139 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw
Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
Warn: Project is vulnerable to: GHSA-8w4h-3cm3-2pm2
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-3mgp-fx93-9xv5
Warn: Project is vulnerable to: GHSA-3wqf-4x89-9g79
Warn: Project is vulnerable to: GHSA-4p24-vmcr-4gqj
Warn: Project is vulnerable to: GHSA-7mvr-5x2g-wfc8
Warn: Project is vulnerable to: GHSA-ph58-4vrj-w6hr
Warn: Project is vulnerable to: GHSA-9v3m-8fp8-mj99
Warn: Project is vulnerable to: GHSA-vxmc-5x29-h64v
Warn: Project is vulnerable to: GHSA-9mvj-f7w8-pvh2
Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx
Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
Warn: Project is vulnerable to: GHSA-hc9w-4p87-j549
Warn: Project is vulnerable to: GHSA-wg6g-ppvx-927h
Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75
Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h
Warn: Project is vulnerable to: GHSA-g74r-ffvr-5q9f
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-rq8g-5pc5-wrhr
Warn: Project is vulnerable to: GHSA-hr2v-3952-633q
Warn: Project is vulnerable to: GHSA-h6ch-v84p-w6p9
Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2
Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w
Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2
Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3
Warn: Project is vulnerable to: MAL-2023-462
Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c
Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6
Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9
Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f
Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p
Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv
Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8
Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65
Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh
Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44
Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988
Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq
Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm
Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp
Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj
Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq
Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37
Warn: Project is vulnerable to: GHSA-4hpf-3wq7-5rpr
Warn: Project is vulnerable to: GHSA-f522-ffg8-j8r6
Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr
Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg
Warn: Project is vulnerable to: GHSA-rmxg-73gg-4p98
Warn: Project is vulnerable to: GHSA-6c3j-c64m-qhgq
Warn: Project is vulnerable to: GHSA-gxr4-xjj5-5px2
Warn: Project is vulnerable to: GHSA-jpcq-cgw6-v4j6
Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546
Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx
Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-282f-qqgm-c34q
Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695
Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm
Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574
Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm
Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
Warn: Project is vulnerable to: GHSA-2m96-9w4j-wgv7
Warn: Project is vulnerable to: GHSA-h726-x36v-rx45
Warn: Project is vulnerable to: GHSA-pp57-mqmh-44h7
Warn: Project is vulnerable to: GHSA-f9cm-qmx5-m98h
Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-hxm2-r34f-qmc5
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m / GHSA-xvch-5gv4-984h
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
Warn: Project is vulnerable to: GHSA-6394-6h9h-cfjg
Warn: Project is vulnerable to: GHSA-28xh-wpgr-7fm8
Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-566m-qj78-rww5
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
Warn: Project is vulnerable to: GHSA-hxcm-v35h-mg2x
Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4
Warn: Project is vulnerable to: GHSA-mvjj-gqq2-p4hw
Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-qg8p-v9q4-gh34
Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7
Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6
Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj
Warn: Project is vulnerable to: GHSA-c9g6-9335-x697
Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3
Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7
Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m
Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v
Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v
Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx
Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq
Warn: Project is vulnerable to: GHSA-pv4c-p2j5-38j4
Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v
Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442
Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc
Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
Warn: Project is vulnerable to: GHSA-v4rh-8p82-6h5w
Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
Warn: Project is vulnerable to: GHSA-cf66-xwfp-gvc4
Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv
Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh
Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp

Score

1.9

/10

Last Scanned on 2024-11-25

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-bootstrap-table

react-bootstrap-table

Installations

Score

Pull Requests

20

306

76

210

Issues

420

1,839

1,419

Releases

Developer

Developer Guide

CommonJS

No

6.0.0

3.8.6

Statistics

Bundle Size

256.16 kB

49.20 kB

Languages

Total Downloads

10,372,310

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-bootstrap-table

react-bootstrap-table2 already released, this project will stop development after 2018Q2

Notes

Development

Usage

a.Install

b.Import Module

With a module bundler

Browser global(window object)

c.Import CSS

Quick Demo

More react-bootstrap-table examples

Documentation

Thanks

Stable Version

4.3.1

MODERATE

10

10

1

0

0

0

0

0

0

0

1.9

/10

Other packages similar to react-bootstrap-table

`react-bootstrap-table2` already released, this project will stop development after 2018Q2