lucasferreira / react-virtualized-sectionlist Goto Github PK

headerRenderer({title, sectionIndex, key, style, isScrolling, isVisible, parent }) {
     return (
            <div key={key} className="list--header" style={style}>
                {title}
            </div>
); }

rowRenderer({ item, sectionIndex, rowIndex, key, style, isScrolling, isVisible, parent }) {
    return (
        <div key={key} className="list--item" style={style}>
            <Item key={item.id} data={item} />
        </div>
); }

<div class="list--header">
    Title 1
</div>
<div class="list--item">
    Item 1 content
</div>
...

<div class="list--section">
    <div class="list--header">
        Title 1
    </div>
    <div class="list--item">
        Item 1 content
    </div>
</div>
...