20191116 release

This commit is contained in:
AllenFang 2019-11-16 14:46:57 +08:00
parent 04830bcb56
commit 65ad1d507d
3 changed files with 80 additions and 0 deletions

View File

@ -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.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
* For Custom header cell: [`selectRow.selectionRenderer`](./row-select-props.html#selectrowselectionrenderer-function)

View File

@ -23,6 +23,8 @@ const selectRow = {
* [classes](#selectrowclasses-string-function)
* [bgColor](#selectrowbgcolor-string-function)
* [nonSelectable](#selectrownonselectable-array)
* [nonSelectableStyle](#selectrownonselectablestyle-object-function)
* [nonSelectableClasses](#selectrownonselectableclasses-string-function)
* [clickToSelect](#selectrowclicktoselect-bool)
* [clickToExpand](#selectrowclicktoexpand-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]
Allow user to select row by clicking on the row.

View 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