AllenFang / AllenFang/react-bootstrap-table

Expanding row has different effect on Overflow after first expand

オープン
#1,974 コメント 1 件 リアクション 0 件 担当者 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 を短くまとめたダイジェスト。