react-bootstrap-table/react-bootstrap-table2

Horizontal Scrolling

Open

#291 建立於 2018年4月2日

在 GitHub 查看
 (26 留言) (7 反應) (0 負責人)JavaScript (1,249 star) (415 fork)batch import
help wanted

描述

Hello,

Using react-bootstrap-table, when I set the width of the columns and they were larger than the viewport, the table created a horizontal scroll.

I just upgraded to react-bootstrap-table-2 and can't figure out how to replicate the functionality. It may be that I am using Bootstrap 4 which isnt compatible yet.

Am I missing something obvious. Any help would be greatly appreciated.

貢獻者指南

技術棧
reactjavascriptcss
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic understanding of React componentsCSS overflow propertyBootstrap table styling
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
30
研究方向
Investigate how the table component renders and applies horizontal scrolling. The issue states that it worked in the previous version but not in react bootstrap table2. Check the component's source code, likely in 'src/table.js' or similar, for CSS classes like 'table responsive' and overflow x handling. Ensure that column width props are correctly applied and that the container has 'overflow x: auto' when widths exceed viewport. Review any closed issues or PRs for potential solutions.