Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table: 'View more' button as an alternate to Pagination #1307

Closed
andrew-ronaldson opened this issue May 15, 2024 · 5 comments
Closed

Table: 'View more' button as an alternate to Pagination #1307

andrew-ronaldson opened this issue May 15, 2024 · 5 comments
Labels
Feature end user feature that requires design to define this, i.e. changes or augments the user experience. PatternFly 6 Design issues related to Penta work

Comments

@andrew-ronaldson
Copy link

Requesting new feature for the table component

In a recent thread there was an ask to include a View more button with the table component that can load in addition content as needed. With pagination the page reloads to pull in the next set of data and the view more action would potentially avoid refreshing the page.

Another benefit is being able to scroll up and down in one page vs navigating through pagination or manually adjusting the items per page menu.

This is a rough mock of the requested change. May require additional considerations.

Screenshot 2024-05-15 at 11 56 35 AM
@andrew-ronaldson andrew-ronaldson added Feature end user feature that requires design to define this, i.e. changes or augments the user experience. PatternFly 6 Design issues related to Penta work labels May 15, 2024
@andrew-ronaldson andrew-ronaldson added this to the Prioritized backlog milestone May 15, 2024
@andrew-ronaldson andrew-ronaldson changed the title Table: View more button as an alternate to Pagination Table: 'View more' button as an alternate to Pagination May 15, 2024
@jgiardino
Copy link
Contributor

The issue description is inaccurate based on my understanding of the questions we have.

there was an ask to include a View more button with the table component

The questions we have for PF is whether this is even a valid pattern to use.

The use of this pattern in the product today is based on a design pattern that exists in an upstream project. As we try to define guidelines around the different patterns for loading list items, the question within our team is whether the “view more” pattern is a pattern we should even recommend for other areas of the product, or is it just an artifact from pulling in the upstream project and not really a pattern we should recommend? And if the consensus is that this is a valid pattern, then our next question would be, when do we use this pattern vs pagination?

cc'ing @nding-anges

@lboehling
Copy link

Hey @jgiardino! Thanks for clarifying that question!

I think in reference to the examples you all shared, our suggestion is to stick with pagination.

We did discuss this topic during one of our most recent design shares, and it didn't seem like anyone had strong feelings around view more vs. pagination. We did discuss a potential guideline/use case for "view more" would be to use it if there is a smaller set/subset of data that doesn't justify needing the full pagination component (like ~2ish "pages") and/or if there is no room for a toolbar either above or below the table. Those guidelines would definitely match up to the use of "view more" in the nested table in an expandable row, as shown in the example, but we thought that including at least a bottom pagination on the parent table would be a better, more consistent approach.

@jgiardino
Copy link
Contributor

Thanks for the update! This makes sense to me.

@nding-anges
Copy link
Contributor

@jgiardino thanks for clarifying the question and @lboehling Thanks for the feedback.

@andrew-ronaldson
Copy link
Author

Closed as resolved

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature end user feature that requires design to define this, i.e. changes or augments the user experience. PatternFly 6 Design issues related to Penta work
Projects
Archived in project
Development

No branches or pull requests

4 participants