framework7io / framework7io/framework7

[datatable] "data-table-collapsible-vertical" and "data-table-collapsible-horizontal"

Open
#2,078 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Feature Request
Dominant language
JavaScript
Stars
18.8k
Forks
3.2k
PR merge metrics
No merged PRs in 30d

Description

  • Framework7 Version: 2

Actually, only "data-table-collapsible" exist which collapses the rows of the datatable vertically. Would be nice to replace this class with this:

  • "data-table-collapsible-vertical" (behaviour like a "data-table-collapsible")
  • "data-table-collapsible-horizontal": the rows are presented like "data-table-collapsible", but the scrolling is done by left and right instead of top and bottom. So with "data-table-collapsible-horizontal", we have a kind of "swiper-cards" (maybe, the horizontal swiping between the "card-row " can also be set by "data-swiper"-properties).

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the existing implementation and documentation for the data-table-collapsible class in Framework7 Version 2. Compare its vertical row behavior with the requested data-table-collapsible-vertical and horizontal modes. Done means both class names and their distinct scrolling behavior are defined and documented, including whether horizontal swiping uses data-swiper properties.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.