react-virtualized - Is it possible to infinite scroll groups of list?

Viewed 1144

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?

1 Answers
Related