mirror of
https://github.com/gosticks/react-bootstrap-table2.git
synced 2025-10-16 11:55:39 +00:00
20191116 release
This commit is contained in:
parent
04830bcb56
commit
65ad1d507d
@ -35,6 +35,11 @@ Like column, we support to custom the style, class on the selecting row easily v
|
|||||||
* [`selectRow.style`](./row-select-props.html#selectrowstyle-object-function)
|
* [`selectRow.style`](./row-select-props.html#selectrowstyle-object-function)
|
||||||
* [`selectRow.classes`](./row-select-props.html#selectrowclasses-string-function)
|
* [`selectRow.classes`](./row-select-props.html#selectrowclasses-string-function)
|
||||||
|
|
||||||
|
If you configure some specific rows as non-selectable, you can also custom them via:
|
||||||
|
|
||||||
|
* [`selectRow.nonSelectableStyle`](./row-select-props.html#selectrownonselectablestyle-object-function)
|
||||||
|
* [`selectRow.nonSelectableClasses`](./row-select-props.html#selectrownonselectableclasses-string-function)
|
||||||
|
|
||||||
### Selection Column
|
### Selection Column
|
||||||
|
|
||||||
* For Custom header cell: [`selectRow.selectionRenderer`](./row-select-props.html#selectrowselectionrenderer-function)
|
* For Custom header cell: [`selectRow.selectionRenderer`](./row-select-props.html#selectrowselectionrenderer-function)
|
||||||
|
|||||||
@ -23,6 +23,8 @@ const selectRow = {
|
|||||||
* [classes](#selectrowclasses-string-function)
|
* [classes](#selectrowclasses-string-function)
|
||||||
* [bgColor](#selectrowbgcolor-string-function)
|
* [bgColor](#selectrowbgcolor-string-function)
|
||||||
* [nonSelectable](#selectrownonselectable-array)
|
* [nonSelectable](#selectrownonselectable-array)
|
||||||
|
* [nonSelectableStyle](#selectrownonselectablestyle-object-function)
|
||||||
|
* [nonSelectableClasses](#selectrownonselectableclasses-string-function)
|
||||||
* [clickToSelect](#selectrowclicktoselect-bool)
|
* [clickToSelect](#selectrowclicktoselect-bool)
|
||||||
* [clickToExpand](#selectrowclicktoexpand-bool)
|
* [clickToExpand](#selectrowclicktoexpand-bool)
|
||||||
* [clickToEdit](#selectrowclicktoedit-bool)
|
* [clickToEdit](#selectrowclicktoedit-bool)
|
||||||
@ -140,6 +142,54 @@ const selectRow = {
|
|||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## selectRow.nonSelectableStyle - [Object | Function]
|
||||||
|
This prop allow you to customize the non selectable rows. `selectRow.nonSelectableStyle` accepts an style object
|
||||||
|
and a callback function for more flexible customization.
|
||||||
|
|
||||||
|
### Style Object
|
||||||
|
|
||||||
|
```js
|
||||||
|
const selectRow = {
|
||||||
|
mode: 'checkbox',
|
||||||
|
nonSelectable: [1, 3 ,5],
|
||||||
|
nonSelectableStyle: { backgroundColor: 'gray' }
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
### Callback Function
|
||||||
|
|
||||||
|
```js
|
||||||
|
const selectRow = {
|
||||||
|
mode: 'checkbox',
|
||||||
|
nonSelectable: [1, 3 ,5],
|
||||||
|
nonSelectableStyle: (row, rowIndex) => { return ...; }
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
## selectRow.nonSelectableClasses - [String | Function]
|
||||||
|
This prop allow you to set a custom class for the non selectable rows, or use a callback function for more
|
||||||
|
flexible customization
|
||||||
|
|
||||||
|
### String
|
||||||
|
|
||||||
|
```js
|
||||||
|
const selectRow = {
|
||||||
|
mode: 'checkbox',
|
||||||
|
nonSelectable: [1, 3 ,5],
|
||||||
|
nonSelectableClasses: 'my-class'
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
|
### Callback Function
|
||||||
|
|
||||||
|
```js
|
||||||
|
const selectRow = {
|
||||||
|
mode: 'checkbox',
|
||||||
|
nonSelectable: [1, 3 ,5],
|
||||||
|
nonSelectableClasses: (row, rowIndex) => { return ...; }
|
||||||
|
};
|
||||||
|
```
|
||||||
|
|
||||||
## selectRow.clickToSelect - [Bool]
|
## selectRow.clickToSelect - [Bool]
|
||||||
Allow user to select row by clicking on the row.
|
Allow user to select row by clicking on the row.
|
||||||
|
|
||||||
|
|||||||
25
website/blog/2019-11-16-version-bump.md
Normal file
25
website/blog/2019-11-16-version-bump.md
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
---
|
||||||
|
title: New Release (2019-11-16)
|
||||||
|
author: Allen Fang
|
||||||
|
authorURL: https://twitter.com/allenfang_tw
|
||||||
|
---
|
||||||
|
|
||||||
|
## Changed Packages
|
||||||
|
|
||||||
|
We got following packages version bump in this release:
|
||||||
|
|
||||||
|
* `react-bootstrap-table-next@3.3.1`
|
||||||
|
|
||||||
|
|
||||||
|
## Changelog
|
||||||
|
|
||||||
|
### Bug fixes
|
||||||
|
N/A
|
||||||
|
|
||||||
|
### Features
|
||||||
|
N/A
|
||||||
|
|
||||||
|
### Enhancements
|
||||||
|
* Support `selectRow.nonSelectableStyle` and `selectRow.nonSelectableClasses` to custom nonselectable row
|
||||||
|
* Add default class to selection column and expand column.
|
||||||
|
* Fix react key warning when apply `filterPosition` props
|
||||||
Loading…
Reference in New Issue
Block a user