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 摘要。