AllenFang / AllenFang/react-bootstrap-table

Expanding row has different effect on Overflow after first expand

Aperta
#1,974 1 commento 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
2.2k
Fork
761
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

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


);
}
}

```

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.