AllenFang / AllenFang/react-bootstrap-table

maxHeight property makes columns irresponsive to resize

Abierto
#1,105 8 comentarios 1 reacción 0 asignados Ver en GitHub
enhancement in progress
Lenguaje dominante
JavaScript
Estrellas
2.2k
Forks
761
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

When the table is given a maxHeight, and columns doesn't have any width set; columns are responsive to resize up, but irresponsive to resize down. Also happens when columns have width but they don't force a horizontal scroll bar.

(resize up -> increasing width of window, resize down -> decreasing width of window)

This simplified code piece recreates the issue for me.

```
import React from 'react';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
import '../../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';

const products = [
{id:'0', name:'name0', price:'price0'},
{id:'1', name:'name1', price:'price1'},
{id:'2', name:'name2', price:'price2'},
{id:'3', name:'name3', price:'price3'},
{id:'4', name:'name4', price:'price4'},
{id:'5', name:'name5', price:'price5'},
{id:'6', name:'name6', price:'price6'},
{id:'7', name:'name7', price:'price7'},
{id:'8', name:'name8', price:'price8'}
];

export default class BTable extends React.Component {
render() {
return (

ID
Name
Price

);
}
}
```

1. Start with a half size window
2. First resize up
3. Then resize down too see the effect better.
I have v3.0.0

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.