react-bootstrap-table/react-bootstrap-table2

Horizontal Scrolling

Open

#291 opened on 2018年4月2日

GitHub で見る
 (26 comments) (7 reactions) (0 assignees)JavaScript (415 forks)batch import
help wanted

Repository metrics

Stars
 (1,249 stars)
PR merge metrics
 (30d に merged PR はありません)

説明

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.

コントリビューターガイド

調査方針
テーブルコンポーネントがどのようにレンダリングされ、水平スクロールを適用するかを調査します。問題は以前のバージョンでは機能していたが、react bootstrap table2 では機能しないと述べています。コンポーネントのソースコード（おそらく 'src/table.js' など）を確認し、'table responsive' や overflow x の処理などの CSS クラスを探します。列幅プロパティが正しく適用され、幅がビューポートを超えた場合にコンテナに 'overflow x: auto' が設定されていることを確認します。潜在的な解決策を見つけるために、クローズされた issue や PR を確認します。
技術スタック
javascriptreact
領域
frontend
Issue 種別
バグ
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3時間
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
アクティブ
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
ReactGit
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75