AllenFang / AllenFang/react-bootstrap-table

expand row custom css problems

Open
#2,042 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

```
isExpandableRow(row) {
if (row.id > 3) return true;
else return false;
}

expandComponent(row) {
return (


testing



);
}
const options = {
onRowClick: this.onRowClick,
onExpand: this.handleExpand,
expandBodyClass: 'custom-expand-parent',
expandBy: 'column',
paginationSize: 3,
hideSizePerPage: true,
border: 'none',
sizePerPage: 20,
expandRowBgColor: 'rgb(242, 255, 163)'
};
```

> expand Component the scope of the child

testing

is not filling the whole expand component col-span, in is the options , i managed to add class to the expand component ,and changed the css background , but i could n't manage to solve the height and width of the child , here is a pic to illustrate my point of view
![screenshot 2018-11-27 02 19 13](https://user-images.githubusercontent.com/41042520/49050349-a608c000-f1eb-11e8-9588-f63dac04db85.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.