(columns: Array<Column>, count = 300)
| 278 | } |
| 279 | |
| 280 | const generateData = (columns: Array<Column>, count = 300) => { |
| 281 | return new Array(count).fill(0).map((_, rowIndex) => |
| 282 | columns.reduce<Array<string>>((acc, _curr, colIndex) => { |
| 283 | // simulate dynamic size cells |
| 284 | const val = faker.lorem.lines(((rowIndex + colIndex) % 10) + 1) |
| 285 | |
| 286 | acc.push(val) |
| 287 | |
| 288 | return acc |
| 289 | }, []), |
| 290 | ) |
| 291 | } |
| 292 | |
| 293 | function RowVirtualizerExperimental() { |
| 294 | const parentRef = React.useRef<HTMLDivElement>(null) |