payload/test/admin/components/ResetColumns/index.tsx at 89ced5ec6b46c4e1b13495b2fdacdfd07c47b167 - payload - Astzweig Git Server

tabshift/payload

Files

Sasha 72995fccf5 feat(ui): useTableColumns add abillity to reset columns state (#8296 )

Fixes https://github.com/payloadcms/payload/issues/8205

Adds `resetColumnsState` method to `useTableColumns` return
Example of a `BeforeList` component for column state reset:
```ts
'use client'

import { Pill, useTableColumns } from '@payloadcms/ui'

function ResetDefaultColumnsButton() {
  const { resetColumnsState } = useTableColumns()

  return <Pill onClick={resetColumnsState}>Reset to default columns</Pill>
}

export { ResetDefaultColumnsButton }

```

Additionally, fixes that `setActiveColumns` didn't respect the passed
order of columns and didn't update the UI immediately

2024-09-18 20:35:03 -06:00

12 lines

275 B

TypeScript

Raw Blame History

 'use client'
 import { Pill, useTableColumns } from '@payloadcms/ui'
 function ResetDefaultColumnsButton() {
   const { resetColumnsState } = useTableColumns()
   return <Pill onClick={resetColumnsState}>Reset to default columns</Pill>
 }
 export { ResetDefaultColumnsButton }