palantir/blueprint

Make an option for a responsive table

Open

#4,443 建立於 2020年12月2日

在 GitHub 查看
 (5 留言) (4 反應) (0 負責人)TypeScript (20,263 star) (2,167 fork)batch import
P2Package: tableType: feature requesthelp wanted

描述

Environment

  • Package version(s):
    "@blueprintjs/core": "^3.36.0", "@blueprintjs/table": "^3.8.18",
  • Browser and OS versions: Chrome latest Windows 1

Feature request

It's a really fundamental feature. The table should be responsive, i.e. it should take up 100% of the width of the screen and then can shrink down to certain sizes for tablet/mobile.

Examples

Similar to this one: https://github.com/palantir/blueprint/issues/969

But that was closed and is years old.

貢獻者指南

技術棧
typescriptreactcss
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
Familiarity with Blueprint Table componentUnderstanding of CSS media queriesBasic React knowledge
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
35
研究方向
Investigate the existing Table component in packages/table/src/ for its current width handling. Review the referenced issue #969 for previous discussion. Check if Blueprint provides responsive utilities like media queries. Propose a solution that adds a `responsive` prop to the Table component that sets width to 100% and adjusts column widths accordingly. Consider using CSS media queries or JavaScript based resizing.