005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
38 lines
903 B
JavaScript
38 lines
903 B
JavaScript
import Box from '@mui/material/Box';
|
|
import ListItem from '@mui/material/ListItem';
|
|
import ListItemButton from '@mui/material/ListItemButton';
|
|
import ListItemText from '@mui/material/ListItemText';
|
|
import { List } from 'react-window';
|
|
|
|
function renderRow(props) {
|
|
const { index, style } = props;
|
|
|
|
return (
|
|
<ListItem style={style} key={index} component="div" disablePadding>
|
|
<ListItemButton>
|
|
<ListItemText primary={`Item ${index + 1}`} />
|
|
</ListItemButton>
|
|
</ListItem>
|
|
);
|
|
}
|
|
|
|
export default function VirtualizedList() {
|
|
return (
|
|
<Box
|
|
sx={{ width: '100%', height: 400, maxWidth: 360, bgcolor: 'background.paper' }}
|
|
>
|
|
<List
|
|
rowHeight={46}
|
|
rowCount={200}
|
|
style={{
|
|
height: 400,
|
|
width: 360,
|
|
}}
|
|
rowProps={{}}
|
|
overscanCount={5}
|
|
rowComponent={renderRow}
|
|
/>
|
|
</Box>
|
|
);
|
|
}
|