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

React virtualized Masonry rendering aggregated data #1229

Open
MatteoGioioso opened this issue Oct 4, 2018 · 5 comments
Open

React virtualized Masonry rendering aggregated data #1229

MatteoGioioso opened this issue Oct 4, 2018 · 5 comments

Comments

@MatteoGioioso
Copy link

MatteoGioioso commented Oct 4, 2018

Do you want to request a feature or report a bug?

Requesting a feature?

React virtualized Masonry rendering aggregated data

  • What's your use case?
    I have a list of images or data, rendered with React-virtualized Masonry
    I would like to group the images or data per year or property (Like in the screenshot).

image

  • What interface do you have in mind?

Something that allow to access row or group of rows, to put a divider of a title between group of rows

function groupRenderer ({ index, key, parent, style }) {
   
    return (
      <Group
       row={4}
      >
     <h1>title ...1967</h1>
     </Group>
    )
  }

<Masonry
        groupRenderer={groupRenderer}
    />
@MatteoGioioso
Copy link
Author

MatteoGioioso commented Oct 22, 2018

Up. I think is a quite important feature

@MatteoGioioso
Copy link
Author

up

@MatteoGioioso
Copy link
Author

MatteoGioioso commented Nov 9, 2018

For now I have solved the issue by making each year a list item and using the List component instead of Masonry.
But sometimes one year can contain many pictures. So is there a way to virtualize those pictures inside each year?

@devinmorgan
Copy link

I could really benefit from this feature as well. I have a giant list of ordered groups of images that I need to display to users so such a feature would be of great use.

@MatteoGioioso
Copy link
Author

MatteoGioioso commented Jan 28, 2019

I think this library is somewhat not maintained anymore by the look of the issues opened/solved. I saw the owner is working on React-window at the moment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants