columnHelper.accessor((row) => row, {
id: "email",
cell: (row) => {
const member = row.row.original as User;
return (
<div className="flex flex-col tooltip" data-tip={member.email}>
<span className="">{member.fullName}</span>
<span className="truncate md:w-[150px] max-md:w-full text-[#777777] text-sm font-normal">
{member.email}
</span>
</div>
);
},
header: "",
}), <tbody className="flex flex-col gap-2">
{tableInstance.getRowModel().rows.map((rowEl) => {
return (
<tr
key={rowEl.id}
className="flex flex-col md:justify-between users-table-row border border-black rounded-md shadow-md bg-white">
{rowEl.getVisibleCells().map((cellEl, index) => {
return (
<td
key={cellEl.id}
className={p-4 flex flex-row items-center font-bold ${}>
{flexRender(cellEl.column.columnDef.cell, cellEl.getContext())}
</td>
);
})}
</tr>
);
})}
</tbody>https://x.com/tan_stack/status/2031128535470104577?s=20
dry-scarlet · 20h 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