AllenFang / AllenFang/react-bootstrap-table

maxHeight property makes columns irresponsive to resize

オープン
#1,105 コメント 8 件 リアクション 1 件 担当者 0 名 GitHub で見る
enhancement in progress
主要言語
JavaScript
スター
2.2k
フォーク
761
PR マージ指標
30日以内にマージされた PR はありません

説明

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

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。