AllenFang / AllenFang/react-bootstrap-table

Expanding row has different effect on Overflow after first expand

Aberta
#1,974 1 comentário 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
JavaScript
Estrelas
2.2k
Forks
761
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

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


);
}
}

```

Guia de contribuição

Abrir o guia de contribuição

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.