const allColumnsWithVinFirst = useMemo<ColumnDef<Listing>[]>(() => {
const columnsWithAccessorKey = allColumns.map((column) => ({
accessorKey: ColumnType[column],
header: () => <ListTitle>{t(segments.listings.${columnsData[column]?.key})}</ListTitle>,
cell: (listing) => {
const index = listing.row.index;
return (
<ListingItemHelper
id={${ColumnType[column]}-${index}}
index={index}
column={column}
node={listing.row.original}
/>
);
},
})); const flatData = useMemo(() => listings ?? [], [listings]);
const table = useReactTable({
data: flatData,
columns: allColumnsWithVinFirst,
getCoreRowModel: getCoreRowModel(),
getSortedRowModel: getSortedRowModel(),
});https://x.com/tan_stack/status/2031128535470104577?s=20
dry-scarlet · 23h ago
https://x.com/powersync_/status/2010721010006552775?s=20
dry-scarlet · 2mo ago
You can now submit your website/app/project to http://TanStack.com 's new showcase and have it seen by the TanStack community! - Global showcase browser - Per-library filters - Category filters Submit here: https://tanstack.com/showcase/submit View all here: https://tanstack.com/showcase
dry-scarlet · 3mo ago