React-virtualized: React virtualized Masonry rendering aggregated data

Created on 4 Oct 2018  路  5Comments  路  Source: bvaughn/react-virtualized

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}
    />

Most helpful comment

Up. I think is a quite important feature

All 5 comments

Up. I think is a quite important feature

up

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?

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.

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.

Was this page helpful?
0 / 5 - 0 ratings