From 65ad1d507dd43b864ae32f2b4dabe158ceefe656 Mon Sep 17 00:00:00 2001 From: AllenFang Date: Sat, 16 Nov 2019 14:46:57 +0800 Subject: [PATCH] 20191116 release --- docs/basic-row-select.md | 5 +++ docs/row-select-props.md | 50 +++++++++++++++++++++++++ website/blog/2019-11-16-version-bump.md | 25 +++++++++++++ 3 files changed, 80 insertions(+) create mode 100644 website/blog/2019-11-16-version-bump.md diff --git a/docs/basic-row-select.md b/docs/basic-row-select.md index f34c209..4353561 100644 --- a/docs/basic-row-select.md +++ b/docs/basic-row-select.md @@ -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) diff --git a/docs/row-select-props.md b/docs/row-select-props.md index 4e73c60..48c2cca 100644 --- a/docs/row-select-props.md +++ b/docs/row-select-props.md @@ -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. diff --git a/website/blog/2019-11-16-version-bump.md b/website/blog/2019-11-16-version-bump.md new file mode 100644 index 0000000..cbcb939 --- /dev/null +++ b/website/blog/2019-11-16-version-bump.md @@ -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 \ No newline at end of file