refactor(web): use createColumnHelper in column defs

This commit is contained in:
Collin Barrett 2025-06-24 07:55:36 -05:00
parent b14c0c2255
commit ac90293081
2 changed files with 10 additions and 12 deletions

View file

@ -1,19 +1,17 @@
"use client";
import { ColumnDef } from "@tanstack/react-table";
import { createColumnHelper } from "@tanstack/react-table";
export type FilterList = {
name: string;
description: string;
};
export const columns: ColumnDef<FilterList>[] = [
{
accessorKey: "name",
const columnHelper = createColumnHelper<FilterList>();
export const columns = [
columnHelper.accessor("name", {
header: "Name",
},
{
accessorKey: "description",
}),
columnHelper.accessor("description", {
header: "Description",
},
}),
];

View file

@ -6,7 +6,7 @@ import {
getCoreRowModel,
getPaginationRowModel,
flexRender,
ColumnDef,
AccessorKeyColumnDef,
} from "@tanstack/react-table";
import {
Table,
@ -22,7 +22,7 @@ import { FilterListTablePagination } from "./pagination";
import { FilterListTablePaginationSkeleton } from "./skeleton";
interface FilterListTableProps {
columns: ColumnDef<FilterList>[];
columns: AccessorKeyColumnDef<FilterList, string>[];
initialData: FilterList[];
}