themesberg / themesberg/flowbite
More responsive small-screen table
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Is your feature request related to a problem? Please describe.
The tables that are provided are not very responsive. Specifically for small screens, when I use a table that contains a lot of columns, the user has to scroll horizontally a lot.
Describe the solution you'd like
I would like for the rows to be vertical, when there is no much space. The header should disappear, and the content should become vertical.
--ID--Name--Age
--1 --Raf -- 26
to
ID:1
Name:Raf
Age:26
Describe alternatives you've considered
Additional context
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file or test is named. Start by locating the table component and its responsive examples in the Flowbite repository, then compare its behavior on a small screen. Done means tables with many columns can present each row vertically, hide the header, and expose each field as a labeled value without excessive horizontal scrolling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, tailwindcss
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100