mirror of
https://github.com/collinbarrett/FilterLists.git
synced 2026-03-11 09:04:27 +00:00
refactor(web): use createColumnHelper in column defs
This commit is contained in:
parent
b14c0c2255
commit
ac90293081
2 changed files with 10 additions and 12 deletions
|
|
@ -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",
|
||||
},
|
||||
}),
|
||||
];
|
||||
|
|
|
|||
|
|
@ -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[];
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue