v2.1.0 (2016-03-26)
- Fix the select all checkbox should be empty if there is no data in table(449eb1b)
- Fix a SSR issue on csv export module(d46ca49)
- Fix a SSR issue when enable
insertRow
(fbc4654)- Check #348
- Fix search broke with a backspace(d24f1c4)
TableDataSet
has been removed onv2.1.0
(239d8b1)- Support a delay when typing search text(b54f84a)
- Check example at here
- It's able to get the page number by rowKey(55d475f)
- Allow user to change the text on export CSV button(f6171fa)
- use
exportCSVText
inoption
props
render() { const options = { exportCSVText: 'MY_CUSTOM_TEXT' }; return ( <div> <BootstrapTable ref='table' options={ options }> .... </BootstrapTable> </div> ); }
- use
- Pass rowKey as parameter for
handleConfirmDeleteRow
callback function(c2f8ce1)- Check example at here
v2.0.3 (2016-03-22)
- Improve build system for reducing the size of bundling file(0e29899)
- Pass event as param for event mouse(482f2f0)
v2.0.2 (2016-03-20)
- Fix when interacting with filters will cause a column sort(00213b9)
- Fix 'document is not defined' when used with server side rendering(4c26adf)
- Support
beforeSaveCell
on cell editing, you can do a validation and decide whether accept this editing(2233de7)- Check example
- Apply eslint more strict(a836bb5)
v2.0.1 (2016-03-16)
- Fix screen remains dark after inserting( row423d6e5)
- Fix search and filter features combination does not work(643f9ca)
- Support regex filter(90a347d)
- Make column text as the title on table header(68efb43)
- Add a float filter on examples folder(d2b7854)
- Check example
v2.0.0 (2016-03-13)
For v2.0.0
, I improve the dom structure and css of table. The main issues what I want to solve is
- The column unalign problem in different browser or in tabs(react-bootstrap)
- A wrong rendering width on column in some case
- A wrong height on table
- Large columns problems
Please check this discussion for more detail explanation.
v1.6.2 (2016-03-11)
- Options value for current page and size per page are not respected(0f30823)
- Pagination doesn't work in IE9(79af10e)
- Sort indicator configurable(d66634c)
- Default is enable, means sort indicator will show on header column if enable sort
- Check example to see how to disable it
v1.6.1 (2016-03-08)
- Fix Uncaught TypeError: Cannot read property 'type' of null(54e97a1)
- Fix Uncaught TypeError: children.map is not a function(7d45b80)
- Make hidden column can be searched by default(1d3dd8e)
v1.6.0 (2016-03-06)
- Fix selection checkbox sharing with the same name(207dbf2)
- Provide
searchable
on<TableHeaderColumn>
for enable/disable search on column(82c6b12) - Support prepend new row on table(881cb13)
- It's a expose API by BootstrapTable
handleBtnClick = () => { this.refs.table.handleAddRowAtBegin({ id: fake_id, name: 'product 1', ..... }); } render() { return ( <div> <button onClick={this.handleBtnClick}>Prepend</button> <BootstrapTable ref='table'> .... </BootstrapTable> </div> ); }
- Clear timer on number and text filter when component unmount(c71f508)
- Make sort field be passed as fourth argument when customize sort function(011a8d7)
- Check following code
function numberSortFunc(a, b, order, sortField){ //we add sortField in this patch //.... } //... ReactDOM.render( <BootstrapTable data={products}> <TableHeaderColumn dataField='id' isKey={true} dataSort={true} sortFunc={numberSortFunc}>Product ID</TableHeaderColumn> <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn> <TableHeaderColumn dataField='price' dataSort={true} sortFunc={numberSortFunc}>Product Price</TableHeaderColumn> </BootstrapTable> );
v1.5.4 (2016-02-27)
- Search optimization(07c96c8)
v1.5.3 (2016-02-23)
- Fix #289 which happened after v1.5.2(ecf744c)
- Fix column-filter broken when using default value and pagination(add9ff6)
- Fix origin column filter broken after v1.5.1(b2625c0)
- Fix the screen is still dimmed after insert row(8582ca4)
- Move inline style for display no data text to css file(8d8553b)
v1.5.2 (2016-02-21)
- #276(4578e3d)
- #279:Fix data should be filtered out after editing(760ef80)
- Fix search work on hidden column(1f3798b)
- #283:Fix rare a bug when enable column-filter and
keyField
(125e975)
v1.5.1 (2016-02-17)
- Fix On state change: Uncaught TypeError: Cannot read property 'props' of null(38a8bd9)
- New filtering behavior + default filter definition(68416ef)
- Add className on delete and insert button(3baedef)
- Add className on no data
<th>
, can Customize of the "no data to display" cell(79dd442)
v1.5.0 (2016-02-05)
- Fix variable reference issue for default selected(13f736c)
- Support column formatting with extra data(9de2e9e)
- Check this examples
- Change the pagination behavior(74c1fc7)
- Check this PR for more detail
- Show sorting caret on header if sort enabled(55ac719)
v1.4.6 (2016-01-30)
- Support column format with extra data(a4e4565)
- Add
formatExtraData
inTableHeaderColumn
. Check the example inexamples/js/column-format/extra-data-column-format-table.js
- Add
- Add Clear button for cleaning search input field(8d41dc5)
- add
clearSearch
onoptions
props
var options = { clearSearch: true }; //... ReactDOM.render( <BootstrapTable data={collection} options={options}>... );
- add
v1.4.5 (2016-01-25)
- Fix pagination lost(6fe1812)
check example in
examples/js/selection/externally-managed-selection.js
- Fix #213(c004c90)
- Add class on select all checkbox(b955d92)
- Support source map(d0d78ef)
- Sorting data provided in data in-place rather than using a copy or some other heuristic(3157dbe)
v1.4.4 (2016-01-21)
- Sorting not re-rendering data when dataFormat is being used(7810fa3)
- Table should be sortable when a column is hidden programmatically(1c403b1)
v1.4.3 (2016-01-20)
- Row end with a superfluous comma when export csv(078d91d)
- Apply a dataFormat column will breaks when hiding(6878e90)
- Setting default sort and then sorting first time always sort descending(ab43542)
v1.4.2 (2016-01-16)
- Fix handleSort Function is not changing caret icon(b8ebbb3)
- Fix search fails on columns in data set but not included in table(0ce3eb4)
- Support showing selected row only(a18a463)
- add
showOnlySelected
onselectRow
props
var selectRowProp = { mode: "checkbox", showOnlySelected: true };
- add
- Improve long table performance(564379a)
v1.4.1 (2016-01-10)
- Fix the background color of header can't spread to 100%(fa2c827)
- Allow to filter or search data which after formatting(9be42ad)
- Apply
filterFormatted={true}
on<TableHeaderColumn>
to enable filtering formatted data.
- Apply
- Add class(table-footer-pagination) on pagination for better customization(1ab1662)
- Add class(table-header-wrapper) on table header for better customization(fa2c827)
- Improve search bar too small on small screens (eg. iphone4/5)(674bf95, 351d925)
v1.4.0 (2016-01-06)
- Fix condensed table with a overlapping padding on first row(159b8f3)
- Support max height(91bcf2a)
- Assign
maxHeight
to set a max height of table.
- Assign
- Allow to customize confirmation for row deletion(eb21ec8)
function customConfirm(next){ if (confirm("(It's a custom confirm function)Are you sure you want to delete?")){ //If the confirmation is true, call the function that //continues the deletion of the record. next(); } } var options = { handleConfirmDeleteRow: customConfirm } <BootstrapTable data={products} deleteRow={true} selectRow={selectRowProp} options={options}>...
- Tuning the styling of pagination and toolbar panel(3100ee6)
- Upgrade
react-toastr
to2.3.0
(d9e1c14) - Upgrade
react
to0.14.3
(9af1c24)
v1.3.3 (2015-12-25)
- Fix Uncaught TypeError: Cannot assign to read only property when edit column after search(689b60f)
- Make the paginatation button disabled appropriately when page change to the end or begin(502cffb)
v1.3.2 (2015-12-20)
- Fix a case where current page and pagination size is lost(f01f6ec)(1d57c6d)
- Pagination style tuning(9ccf5ab)
- Support return value from onSelect and onSelectAll handlers(bf27116)
- If return value of this function(onSelect or onSelectAll) is false, the select or deselect action will not be applied.
- Support indeterminate status to select all checkbox(3d9be07)
- Support to change display text when data was empty(d4e16e7)
var options = { noDataText: 'Your_custom_text' }; <BootstrapTable data={products} options={options} >...
v1.3.1 (2015-12-12)
- Fix column broken when resize to bigger window from smaller(d4b3f87)
- Add selection event of size per page dropdown in pagination(7fbd868)
v1.3.0 (2015-12-06)
- Fix import by RequireJS unavailable(3272c45)
- Available to add a custom class on a selection of row(ff06fcd)
var selectRowProp = { mode: "checkbox", className: "my-custom-select-class" }; <BootstrapTable data={products} selectRow={selectRowProp} >...
- Available to insert row By API(a47276a)
- Check this thread
- Available to drop row by API(88062b7)
- Check this thread
- Available to filter by column through API
- Check this thread
v1.2.15 (2015-12-01)
- Fix TableDataSet is now available via Window object(b6c065a)
- Fix warning message "Cannot read property 'refs' of undefined_adjustHeaderWidth" when resizing window(fe1910a)
v1.2.14 (2015-11-27)
- Fix the NaN value in style(8a6b9b0)
v1.2.13 (2015-11-25)
- Fix sizing bugs in 1.2.11 tested in firefox(4d0f7cd)
- Fix csv export bug use on server side rendering(3d46d88)
- Fix #152(ee5e3f5)
- Don't draw a dropdown if one or zero options for pagination size list(881b7cd)
v1.2.12 (2015-11-19)
- Fix select row unavailable cause of change in v1.2.11(0dd2dc1)
- Use comma delimited in csv instead of tab delimited(1a219c6)
v1.2.11 (2015-11-16)
- Fix missing multiColumnSearch if data reload(cf6a933)
- Fix condensed style bug(4957f55)
- Fix column content exceed user column width definition(88b1368)
v1.2.10 (2015-11-14)
- Fix loading toastr css timeout problem(9f592d0)
v1.2.9 (2015-11-13)
- Fix Only a ReactOwner can have refs(9e7de02)
- See detail in Issues#131
v1.2.8 (2015-11-11)
- Fix Overflow on column width bug(9ff999e)
- Fix column hidden bug when export csv(7009c39)
- Fix row click also trigger row selection(1cb7dbd)
- Change to page one if data reload(69233b8)
- It's about the issue#125, but not yet fix certainly.
v1.2.7 (2015-11-07)
- Support Export CSV
- Set
exportCSV
to true on<BootstrapTable>
,csvFileName
is alternative property for csv file name.
- Set
- Support
onRowClick
for after clicking a row(b442d95)- Add
onRowClick
in options properties on<BootstrapTable>
var options = { onRowClick: function(row){ } } <BootstrapTable data={products} options={options} >...
- Add
- Support
afterSearch
andafterColumnFilter
for after searching or column filtering(eccb61d)- Add
afterSearch
orafterColumnFilter
in options properties on<BootstrapTable>
var options = { afterSearch: function(searchText, result){ }, afterColumnFilter: function(filterConds, result){ } } <BootstrapTable data={products} search={true} columnFilter={true} options={options} >...
- Add
- fix checkbox default toString() bug(f8ad7a2)
v1.2.6 (2015-11-03)
- Support multi search(4874169)
- Add
multiColumnSearch={true}
on<BootstrapTable>
- In search input text, you can use space to split search text, for example: "usa france japan" to search table which contain usa or feance or japan.
- Add
- Upgrade to react-toastr@2.2.2(2459c24)
v1.2.5 (2015-10-27)
- Fix header and body unalign(3f44200)
v1.2.4 (2015-10-26)
- The gap between table and pagination(c1a886b)
- Ensure default checkbox in editor is String(0ef45d0)
- Support
keyField
(2fab4d8)- Set
keyField
in<BootstrapTable>
to specify which column is key. - Actually, this attribute is as same as the
isKey
in<TableHeaderColumn>
. So you can choose on to assign which column is key.
- Set
- Add
onPageChange
hook
function onPageChange(page, sizePerPage){
...
}
var options = {
onPageChange: onPageChange
}
<BootstrapTable
data={products}
pagination={true}
options={options}
>...
}
- Add
onSortChange
hook
function onSortChange(sortName, sortOrder){
...
}
var options = {
onSortChange: onSortChange
}
<BootstrapTable
data={products}
options={options}
>...
}
v1.2.3 (2015-10-24)
- Split toastr css with react-bootstrap-table css(06defe2)
react-bootstrap-table-all.min.css
include toastr cssreact-bootstrap-table.min.css
doesn't include toastr css
- Updat dependencies for node@4.2.1(a3a7b0c)
- Remove deprecated .getDOMNode() calls(37b5c7e)
- Update examples UI and add react-router(4166580)
v1.2.2 (2015-10-21)
- Table Scroll error(20ed3aa)
v1.2.1 (2015-10-19)
- Get selected Data only show in table when onSelectAll be called(9d391ee)
function onSelectAll(isSelected, currentDisplayAndSelectedData){
//..
}
v1.2.0 (2015-10-13)
- Remove toastr's css hard dependency(28e0b11)
- Upgrade to react@1.4.0(ad78516)
v1.0.3 (2015-10-10)
- Fix window is undefinde if use react-bootstrap-table in isomorphic(f5db238)
v1.0.2 (2015-10-09)
- Fix wrong path of toastr
v1.0.1 (2015-10-08)
- Wrong Dependencies with react-toastr and toastr(bd16999)
v1.0.0 (2015-10-04)
- Separate classname of header and body column
- Set className in <TableHeaderColumn> to define class on header
- Set columnClassName on <TableHeaderColumn> to define class on body's column
- Add cell edit validation and input type(select,checkbox,textarea)
- Add a complete examples Demo
- Run
gulp example-server
and go to localhost:3004/example-list.html
- Run
- Give more customize features on Pagination
- Default pagination setting
v0.9.17 (2015-09-25)
- Hide row selection column(260a1a4)