AllenFang / AllenFang/react-bootstrap-table

Expanding row has different effect on Overflow after first expand

未关闭
#1,974 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
JavaScript
星标
2.2k
派生
761
PR 合并指标
30 天内没有已合并 PR

描述

Hi,

I am trying to nest a table inside an expanding row component of another table. This mostly works great but i am having some trouble getting the overflow scroll to work consistently. It seems to add the width of the scroll bar onto the inside element after the first time it is opened and closed. I was wondering if this would be a big deal to fix or not?

After First Expand:
![image](https://user-images.githubusercontent.com/29229473/40795804-0f6da67e-64fb-11e8-9327-65293105fa7f.png)

When Closed and Expanded Again:
![image](https://user-images.githubusercontent.com/29229473/40795844-24bb48b0-64fb-11e8-800d-c36956660d64.png)

Reproduction Code:
```
export default class App extends React.Component {
private data = [
{id: 1, name: 'name 1'},
{id: 1, name: 'name 2'},
{id: 3, name: 'name 3'},
{id: 4, name: 'name 4'}
];

render() {
let expandOpts: ExpandColumnOptions = {
expandColumnVisible: true,
};

return (


true}
expandComponent={this.expandedRowRenderer}
expandColumnOptions={expandOpts}
>

Id


Name



);
}

private expandedRowRenderer = (row: any) => {

return (


Id


Name


);
}
}

```

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。