mirror of
https://github.com/gosticks/react-bootstrap-table2.git
synced 2025-10-16 11:55:39 +00:00
20180930 release
This commit is contained in:
parent
6f117c4a0f
commit
fbf0795aa4
@ -35,7 +35,12 @@ Like column, we support to custom the style, class on the selecting row easily v
|
|||||||
* For header cell: [`selectRow.selectionRenderer`](row-select-props.html#selectrowselectionrenderer-function)
|
* For header cell: [`selectRow.selectionRenderer`](row-select-props.html#selectrowselectionrenderer-function)
|
||||||
* For normal cell: [`selectRow.selectionHeaderRenderer`](./row-select-props.html#selectrowselectionheaderrenderer-function)
|
* For normal cell: [`selectRow.selectionHeaderRenderer`](./row-select-props.html#selectrowselectionheaderrenderer-function)
|
||||||
|
|
||||||
In addition, `react-bootstrap-table2` offer a [`selectRow.hideSelectColumn`](./row-select-props.html#selectrowhideselectcolumn-bool) to let you hide the selection column.
|
<br/>
|
||||||
|
|
||||||
|
In addition, `react-bootstrap-table2` offer below props to hide selection column:
|
||||||
|
|
||||||
|
* [`selectRow.hideSelectColumn`](./row-select-props.html#selectrowhideselectcolumn-bool): Hide the selection column.
|
||||||
|
* [`selectRow.hideSelectAll`](./row-select-props.html#selectrowhideselectall-bool): Hide the select all checkbox in the selection header cell.
|
||||||
|
|
||||||
## Event Listening
|
## Event Listening
|
||||||
|
|
||||||
|
|||||||
@ -25,6 +25,7 @@ Currently, `react-bootstrap-table2` only wrapped up the following events to allo
|
|||||||
* `onDoubleClick`
|
* `onDoubleClick`
|
||||||
* `onMouseEnter`
|
* `onMouseEnter`
|
||||||
* `onMouseLeave`
|
* `onMouseLeave`
|
||||||
|
* `onContextMenu`
|
||||||
|
|
||||||
```js
|
```js
|
||||||
const rowEvents = {
|
const rowEvents = {
|
||||||
@ -35,7 +36,7 @@ const rowEvents = {
|
|||||||
<BootstrapTable data={ data } columns={ columns } rowEvents={ rowEvents } />
|
<BootstrapTable data={ data } columns={ columns } rowEvents={ rowEvents } />
|
||||||
```
|
```
|
||||||
|
|
||||||
Anyway, it's welcome to ask us to add more wrapped on events.
|
Anyway, it's welcome to ask us to add more wrapped events.
|
||||||
|
|
||||||
## Row Attributes
|
## Row Attributes
|
||||||
|
|
||||||
|
|||||||
@ -23,6 +23,7 @@ const cellEdit = cellEditFactory({
|
|||||||
* [blurToSave](#celleditblurtosave-bool)
|
* [blurToSave](#celleditblurtosave-bool)
|
||||||
* [nonEditableRows](#celleditnoneditablerows-function)
|
* [nonEditableRows](#celleditnoneditablerows-function)
|
||||||
* [timeToCloseMessage](#celledittimetoclosemessage-function)
|
* [timeToCloseMessage](#celledittimetoclosemessage-function)
|
||||||
|
* [autoSelectText](#celleditautoselecttext-bool)
|
||||||
* [beforeSaveCell](#celleditbeforesavecell-function)
|
* [beforeSaveCell](#celleditbeforesavecell-function)
|
||||||
* [afterSaveCell](#celleditaftersavecell-function)
|
* [afterSaveCell](#celleditaftersavecell-function)
|
||||||
* [onStartEdit](#celleditonstartedit-function)
|
* [onStartEdit](#celleditonstartedit-function)
|
||||||
@ -43,6 +44,11 @@ Default is `false`, enable it will be able to save the cell automatically when b
|
|||||||
## cellEdit.timeToCloseMessage - [Function]
|
## cellEdit.timeToCloseMessage - [Function]
|
||||||
If a [`column.validator`](./column-props.html#columnvalidator-function) defined and the new value is invalid, `react-bootstrap-table2` will popup a alert at the bottom of editor. `cellEdit.timeToCloseMessage` is a chance to let you decide how long the alert should be stay. Default is 3000 millisecond.
|
If a [`column.validator`](./column-props.html#columnvalidator-function) defined and the new value is invalid, `react-bootstrap-table2` will popup a alert at the bottom of editor. `cellEdit.timeToCloseMessage` is a chance to let you decide how long the alert should be stay. Default is 3000 millisecond.
|
||||||
|
|
||||||
|
## cellEdit.autoSelectText - [Bool]
|
||||||
|
Default is false, when enable it, `react-bootstrap-table2` will help you to select the text in the text input automatically when editing.
|
||||||
|
|
||||||
|
> NOTE: This props only work for `text` and `textarea`.
|
||||||
|
|
||||||
## cellEdit.beforeSaveCell - [Function]
|
## cellEdit.beforeSaveCell - [Function]
|
||||||
This callback function will be called before triggering cell update.
|
This callback function will be called before triggering cell update.
|
||||||
|
|
||||||
|
|||||||
@ -15,6 +15,7 @@ title: Row Expand Props
|
|||||||
* [onExpand](#expandrowonexpand-function)
|
* [onExpand](#expandrowonexpand-function)
|
||||||
* [onExpandAll](#expandrowonexpandall-function)
|
* [onExpandAll](#expandrowonexpandall-function)
|
||||||
* [showExpandColumn](#expandrowshowexpandcolumn-bool)
|
* [showExpandColumn](#expandrowshowexpandcolumn-bool)
|
||||||
|
* [onlyOneExpanding](#expandrowonlyoneexpanding-bool)
|
||||||
* [expandColumnRenderer](#expandrowexpandcolumnrenderer-function)
|
* [expandColumnRenderer](#expandrowexpandcolumnrenderer-function)
|
||||||
* [expandHeaderColumnRenderer](#expandrowexpandheadercolumnrenderer-function)
|
* [expandHeaderColumnRenderer](#expandrowexpandheadercolumnrenderer-function)
|
||||||
|
|
||||||
@ -102,6 +103,16 @@ const expandRow = {
|
|||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## expandRow.onlyOneExpanding - [Bool]
|
||||||
|
Default is `false`. Enable this will only allow one row get expand at the same time.
|
||||||
|
|
||||||
|
```js
|
||||||
|
const expandRow = {
|
||||||
|
renderer: (row) => ...
|
||||||
|
onlyOneExpanding: true
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
## expandRow.expandColumnRenderer - [Function]
|
## expandRow.expandColumnRenderer - [Function]
|
||||||
Provide a callback function which allow you to custom the expand indicator. This callback only have one argument which is an object and contain one property `expanded` to indicate if current row is expanded
|
Provide a callback function which allow you to custom the expand indicator. This callback only have one argument which is an object and contain one property `expanded` to indicate if current row is expanded
|
||||||
|
|
||||||
|
|||||||
@ -28,6 +28,7 @@ const selectRow = {
|
|||||||
* [onSelect](#selectrowonselect-function)
|
* [onSelect](#selectrowonselect-function)
|
||||||
* [onSelectAll](#selectrowonselectall-function)
|
* [onSelectAll](#selectrowonselectall-function)
|
||||||
* [hideSelectColumn](#selectrowhideselectcolumn-bool)
|
* [hideSelectColumn](#selectrowhideselectcolumn-bool)
|
||||||
|
* [hideSelectAll](#selectrowhideselectall-bool)
|
||||||
* [selectionRenderer](#selectrowselectionrenderer-function)
|
* [selectionRenderer](#selectrowselectionrenderer-function)
|
||||||
* [selectionHeaderRenderer](#selectrowselectionheaderrenderer-function)
|
* [selectionHeaderRenderer](#selectrowselectionheaderrenderer-function)
|
||||||
|
|
||||||
@ -195,6 +196,15 @@ const selectRow = {
|
|||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## selectRow.hideSelectAll - [Bool]
|
||||||
|
Default is `false`, if you don't want to render the select all checkbox ine the header of selection column, give this prop as `true`!
|
||||||
|
```js
|
||||||
|
const selectRow = {
|
||||||
|
mode: 'checkbox',
|
||||||
|
hideSelectAll: true
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
## selectRow.selectionRenderer - [Function]
|
## selectRow.selectionRenderer - [Function]
|
||||||
Provide a callback function which allow you to custom the checkbox/radio box. This callback only have one argument which is an object and contain following properties:
|
Provide a callback function which allow you to custom the checkbox/radio box. This callback only have one argument which is an object and contain following properties:
|
||||||
|
|
||||||
|
|||||||
@ -10,6 +10,7 @@ Table search in one of features supported by `react-bootstrap-table2-toolkit`. B
|
|||||||
|
|
||||||
## Optional
|
## Optional
|
||||||
* [searchFormatted](#searchsearchformatted-bool)
|
* [searchFormatted](#searchsearchformatted-bool)
|
||||||
|
* [defaultSearch](#searchdefaultSearch-string)
|
||||||
|
|
||||||
-----
|
-----
|
||||||
|
|
||||||
@ -29,3 +30,20 @@ If you want to search on the formatted data, you are supposed to enable this pro
|
|||||||
// ...
|
// ...
|
||||||
</ToolkitProvider>
|
</ToolkitProvider>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## search.defaultSearch - [String]
|
||||||
|
Accept a string that will be used for default searching when first time table render.
|
||||||
|
|
||||||
|
```js
|
||||||
|
<ToolkitProvider
|
||||||
|
keyField="id"
|
||||||
|
data={ products }
|
||||||
|
columns={ columns }
|
||||||
|
search={ {
|
||||||
|
defaultSearch: 'search something here'
|
||||||
|
} }
|
||||||
|
>
|
||||||
|
// ...
|
||||||
|
</ToolkitProvider>
|
||||||
|
```
|
||||||
|
|
||||||
|
|||||||
30
website/blog/2018-09-30-version-bump.md
Normal file
30
website/blog/2018-09-30-version-bump.md
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
---
|
||||||
|
title: New Release (2018-09-30)
|
||||||
|
author: Allen Fang
|
||||||
|
authorURL: https://twitter.com/allenfang_tw
|
||||||
|
---
|
||||||
|
|
||||||
|
## Changed Packages
|
||||||
|
|
||||||
|
This release bump following packages:
|
||||||
|
|
||||||
|
* `react-bootstrap-table-next@1.2.0`
|
||||||
|
* `react-bootstrap-table2-editor@1.1.0`
|
||||||
|
* `react-bootstrap-table2-toolkit@1.1.0`
|
||||||
|
|
||||||
|
|
||||||
|
## Changelog
|
||||||
|
|
||||||
|
### Bug fixes
|
||||||
|
* Fixed cannot assign to read only property 'textAlign' of object([#575](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/575))
|
||||||
|
* Fixed wrong results pass to selectRow.onSelectAll when isSelect argument is false([#570](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/570))
|
||||||
|
|
||||||
|
### Features
|
||||||
|
* Implement `expandRow.onlyOneExpanding`([#574](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/574))
|
||||||
|
* Implement `selectRow.hideSelectAll`([#574](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/573))
|
||||||
|
* Support Default Search([#571](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/571))
|
||||||
|
* Implement auto select input text when editing cell([#569](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/569))
|
||||||
|
|
||||||
|
### Enhancements
|
||||||
|
* Fixe a non printable characters in csv output([#572](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/572))
|
||||||
|
* Add `onContextMenu` on `rowEvents`([#556](https://github.com/react-bootstrap-table/react-bootstrap-table2/pull/556))
|
||||||
Loading…
Reference in New Issue
Block a user