question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React virtualized Masonry rendering aggregated data

See original GitHub issue

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

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:2
  • Comments:5

github_iconTop GitHub Comments

10reactions
MatteoGioiosocommented, Oct 22, 2018

Up. I think is a quite important feature

2reactions
devinmorgancommented, Nov 16, 2018

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Rendering large lists with React Virtualized - LogRocket Blog
Grid. It renders tabular data along the vertical and horizontal axes. ; List. It renders a list of elements using a Grid component...
Read more >
How React-Window & React-Table Saved Our Data Table
This causes our GraphQL service to push new data to our table, which results in many rendering operations being queued by React at...
Read more >
Recently Active 'react-virtualized' Questions - Page 7 - Stack Overflow
I have an Infinite Loader List component which renders array of data. I needed to aggregate my data (grouped by days), so I...
Read more >
A React virtualized, autosizing masonry component
The original component requires a <CellMeasurer> , · This component will auto-calculate the number of columns to render based · The implementation ...
Read more >
React Masonry Layout Component Powered By CSS - Morioh
Existing solutions like React wrapped DeSandro Masonry, while popular, don't actually leverage React's highly optimized Virtual DOM renderer and in DeSandro ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found