Column Type
I have this function to define the columns of a table.
how to define the type of these columns?
export const getAttendanceColumns = (data: AttendanceTableData) => {
const columns: ColumnDef<data>[] = [];
const columnHelper = createColumnHelper<AttendaceRecord>();
console.log(data, 'in help');
data.forEach((day) => {
Object.keys(day).forEach((key) => {
if (
columns.some((c) => c.header === key) ||
(key === 'attendance_date' && columns.some((c) => c.header === 'اليوم'))
)
return;
if (key === 'attendance_date') {
return columns.push(
columnHelper.accessor(key, {
header: 'اليوم',
cell: (info) => parseDate(info.getValue()),
})
);
}
columns.push(
columnHelper.accessor(key, {
header: key,
cell: (info) => parseAttendanceStatus(info.getValue()),
})
);
});
});
return columns;
};export const getAttendanceColumns = (data: AttendanceTableData) => {
const columns: ColumnDef<data>[] = [];
const columnHelper = createColumnHelper<AttendaceRecord>();
console.log(data, 'in help');
data.forEach((day) => {
Object.keys(day).forEach((key) => {
if (
columns.some((c) => c.header === key) ||
(key === 'attendance_date' && columns.some((c) => c.header === 'اليوم'))
)
return;
if (key === 'attendance_date') {
return columns.push(
columnHelper.accessor(key, {
header: 'اليوم',
cell: (info) => parseDate(info.getValue()),
})
);
}
columns.push(
columnHelper.accessor(key, {
header: key,
cell: (info) => parseAttendanceStatus(info.getValue()),
})
);
});
});
return columns;
};how to define the type of these columns?
