Question 1

preventDelete/preventUpdate가 dataSource.json에서 설정되었을 때 Kottster 테이블에 삭제 및 편집 아이콘이 계속 표시되는 이유는 무엇인가요?

Accepted Answer

Kottster v3.4.8 이전 버전의 버그로 인해 `dataSource.json`에서 `preventDelete` 또는 `preventUpdate`를 `true`로 설정했음에도 테이블에 기본 삭제 및 수정 아이콘이 표시되는 문제가 있었습니다. 이 문제는 v3.4.8에서 수정되었습니다.

최신 버전으로 업그레이드하세요:
```bash
npm install kottster@latest
```

업그레이드 후 UI 요소는 데이터 소스 구성을 따르게 됩니다. 업그레이드할 수 없는 경우 임시 해결 방법으로 CSS를 사용하여 아이콘을 수동으로 숨겨야 할 수도 있습니다.

Question 2

Kottster 사이드바에서 sidebar.json을 사용하여 페이지를 섹션으로 그룹화하는 방법은 무엇인가요?

Accepted Answer

sidebar.json에서 페이지를 섹션으로 그룹화하는 기능은 Kottster Professional 및 Enterprise 플랜에서만 사용 가능합니다. Community 플랜은 페이지 순서 지정만 지원합니다. 해결 방법으로 `app/main.jsx`의 `App` 컴포넌트에서 `sidebarNavigation` prop을 사용하여 완전히 사용자 정의된 사이드바를 정의하세요. 예제 사용법은 Kottster 문서에서 확인할 수 있습니다.

Question 3

Kottster 사이드바에서 테이블을 접을 수 있는 섹션으로 그룹화하는 방법은?

Accepted Answer

사이드바 그룹화는 **Professional** 및 **Enterprise** 플랜에서 사용할 수 있습니다. 무료 해결 방법으로, `app/main.jsx`에서 `sidebarNavigation` prop을 사용하여 사용자 정의 사이드바를 정의하세요:

```jsx
// Example custom sidebar
const customSidebar = [
  {
    title: 'Shipping',
    items: [
      { label: 'Tracking', href: '/tables/tracking' },
      { label: 'Returns', href: '/tables/returns' },
    ],
  },
  {
    title: 'Products',
    items: [
      { label: 'SKUs', href: '/tables/skus' },
      { label: 'Pricing', href: '/tables/pricing' },
    ],
  },
];

<App sidebarNavigation={customSidebar} />
```

kottster

주요 기능

할 수 없는 것

사용 사례

태그

시작하기

유사한 프로젝트