AllenFang / AllenFang/react-bootstrap-table

Misalignment/Scroll issues with MaxHeight and search enabled

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

説明

I have a table with maxHeight set and search enabled which is not displaying correctly.

1. Load table with enough data to cause a vertical scroll bar.
2. Search to filter results enough that scrollbar disappears.
3. Clear search.
4. RESULT: Table has both vertical and now horizontal scrollbar as table width is not recalculated to subtract scrollbar width.

I tried adding ‘printable’ per [this issue](https://github.com/AllenFang/react-bootstrap-table/issues/1585), which does remove the horizontal scroll issue. Instead on load, the column headers are misaligned slightly to the right of their columns. I am using expander and when an expander is opened it fixes the misalignment. Is this a bug or how do I get it to correctly display on load?

(The width of the columns does not seem to change the rendering issue at all. I tried setting the widths with both px and % and leaving off widths entirely).

I also tried adding `overflow: 'overlay'` to the table body which does fix the misalignment issue, but I would rather not use that as it is only supported in webkit browsers. The width of the scrollbar should be calculated into the table width on load.

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

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

評価

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

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

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