const columns: ColumnDef<GroupWithDocs>[] = [
columHelper.display({
id: 'checkbox',
header: () => <input type="checkbox" />,
cell: () => <input type="checkbox" />,
}),
columHelper.accessor((row) => row.title, {
id: 'title',
cell: (props) => props.getValue(),
header: () => 'Name',
}),
columHelper.accessor('createdBy', {
header: () => 'Created By',
cell: (props) => props.getValue(),
}),
columHelper.accessor('updatedAt', {
header: () => 'Last Modified',
cell: (props) => props.getValue(),
}),
columHelper.display({
id: 'favorite',
cell: (props) => <span>''</span>,
}),
];
const columns: ColumnDef<GroupWithDocs>[] = [
columHelper.display({
id: 'checkbox',
header: () => <input type="checkbox" />,
cell: () => <input type="checkbox" />,
}),
columHelper.accessor((row) => row.title, {
id: 'title',
cell: (props) => props.getValue(),
header: () => 'Name',
}),
columHelper.accessor('createdBy', {
header: () => 'Created By',
cell: (props) => props.getValue(),
}),
columHelper.accessor('updatedAt', {
header: () => 'Last Modified',
cell: (props) => props.getValue(),
}),
columHelper.display({
id: 'favorite',
cell: (props) => <span>''</span>,
}),
];