vhad/react-bootstrap-table2
1
0
Fork 0
mirror of https://github.com/gosticks/react-bootstrap-table2.git synced 2025-10-16 11:55:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix #701

Browse Source
This commit is contained in:
AllenFang 2018-12-20 23:20:12 +08:00
parent 9d2a6a1b23
commit bc4697bf95
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/row-expand.md
View File

@ -92,13 +92,15 @@ const expandRow = {
```
### <a name='expandColumnRenderer'>expandRow.expandColumnRenderer - [Function]</a>
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` which 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 two properties:
* `expanded`: Indicate if current row is expanded or not
* `rowKey`: Current row key
```js
const expandRow = {
renderer: (row) => ...
expandColumnRenderer: ({ expanded }) => (
expandColumnRenderer: ({ expanded, rowKey }) => (
// ....
)
};

3
packages/react-bootstrap-table2-example/examples/row-expand/custom-expand-column.js vendored
View File

@ -1,4 +1,5 @@
/* eslint react/prop-types: 0 */
/* eslint no-unused-vars: 0 */
import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
@ -33,7 +34,7 @@ const expandRow = {
}
return <b>+</b>;
},
expandColumnRenderer: ({ expanded }) => {
expandColumnRenderer: ({ expanded, rowKey }) => {
if (expanded) {
return (
<b>-</b>

5
packages/react-bootstrap-table2/src/row-expand/expand-cell.js vendored
View File

@ -38,7 +38,7 @@ export default class ExpandCell extends Component {
}
render() {
const { expanded, expandColumnRenderer, tabIndex } = this.props;
const { expanded, expandColumnRenderer, tabIndex, rowKey } = this.props;
const attrs = {};
if (tabIndex !== -1) attrs.tabIndex = tabIndex;
@ -46,7 +46,8 @@ export default class ExpandCell extends Component {
<td onClick={ this.handleClick } { ...attrs }>
{
expandColumnRenderer ? expandColumnRenderer({
expanded
expanded,
rowKey
}) : (expanded ? '(-)' : '(+)')
}
</td>