After reading through the documentation, I am not sure if react-virtualized support this use case.
Let's say I have some data grouped by date.
[
{
date: 'Monday',
data: {
item1: "item1",
item2: "item2",
item3: "item3",
// and more ..
}
},
{
date: "Tuesday",
data: {
item1: "item1",
item2: "item2",
item3: "item3",
// and more ..
}
}
]
Is it possible to use react-virtualized with InfiniteLoader and List to render something like this:
<div>
<div>
<div class="day">Monday</div>
<div>item1</div>
<div>item2</div>
<div>item3</div>
<!-- and more... -->
</div>
<div>
<div class="day">Tuesday</div>
<div>item1</div>
<div>item2</div>
<div>item3</div>
<!-- and more... -->
</div>
</div>
or does the markup has to be flat?