<script>
import {DataGrid, Column} from 'sveltekit-table';
import { faker } from '@faker-js/faker';
function raw(field) { return (row) => row[field];}
function checkbox(field) { return (row) => '<input type="checkbox" />';}
const records = Array.from({ length: 500 }, () => {
return {
id: faker.datatype.uuid(),
name: faker.name.findName(),
email: faker.internet.email(),
phone: faker.phone.phoneNumber(),
address: faker.address.streetAddress(),
username: faker.internet.userName(),
website: faker.internet.url()
};
});
</script>
<DataGrid {records}>
<Column sticky={true} value={checkbox('id')} />
<Column label="Name" sticky={true} value={raw('name')} />
<Column label="Email" value={raw('email')} />
<Column label="Phone" value={raw('phone')} />
<Column label="Username" value={raw('username')} />
<Column label="Website" value={raw('website')} />
</DataGrid>