AllenFang / AllenFang/react-bootstrap-table
Misalignment/Scroll issues with MaxHeight and search enabled
- 主要言語
- 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 はまだ評価されていません。