JSPM

  • Created
  • Published
  • Downloads 25617
  • Score
    100M100P100Q154062F
  • License MIT

it's a column filter addon for react-bootstrap-table2

Package Exports

  • react-bootstrap-table2-filter

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-bootstrap-table2-filter) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-bootstrap-table2-filter

Filters

  • Text (textFilter)

You can get all of above filters via import and these filters are a factory function to create a individual filter instance.
In addition, for some simple customization reasons, these factory function allow to pass some props.

Text Filter

import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';

// omit...
const columns = [
  ..., {
  dataField: 'price',
  text: 'Product Price',
  filter: textFilter()
}];

<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />

Following we list all the availabe props for textFilter function:

import { Comparator } from 'react-bootstrap-table2-filter';
// omit...

const customTextFilter = textFilter({
  placeholder: 'My Custom PlaceHolder',  // custom the input placeholder
  style: { ... }, // your custom styles on input
  className: 'my-custom-text-filter', // custom classname on input
  defaultValue: 'test', // default filtering value
  delay: 1000, // how long will trigger filtering after user typing, default is 500 ms
  comparator: Comparator.EQ // default is Comparator.LIKE
});