Question 1

なぜdataSource.jsonでpreventDelete/preventUpdateが設定されているのに、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を使ってページをセクションにグループ化するには、以下のように記述します。

```json
{
  "sections": [
    {
      "title": "メインメニュー",
      "items": [
        { "label": "ダッシュボード", "route": "/dashboard" },
        { "label": "プロフィール", "route": "/profile" }
      ]
    },
    {
      "title": "設定",
      "items": [
        { "label": "一般設定", "route": "/settings/general" },
        { "label": "セキュリティ", "route": "/settings/security" }
      ]
    }
  ]
}
```

`sections` 配列内に各セクションの `title` と `items` を指定します。`items` 配列にはリンク先の `label`（表示名）と `route`（パス）を設定します。これでセクションごとにページがグループ化され、サイドバーに表示されます。

Accepted Answer

sidebar.jsonでページをセクションにグループ化できるのは、Kottster ProfessionalおよびEnterpriseプランのみです。Communityプランではページの順序付けのみサポートされています。回避策として、`app/main.jsx`の`App`コンポーネントで`sidebarNavigation`プロパティを使用して完全にカスタムなサイドバーを定義してください。使用例はKottsterのドキュメントにあります。

Question 3

Kottsterサイドバーでテーブルを折りたたみ可能なセクションにグループ化する方法は？

Accepted Answer

サイドバーのグループ化は、Professional および Enterprise プランで利用可能です。無料の回避策として、`app/main.jsx` 内で `sidebarNavigation` プロパティを使用してカスタムサイドバーを定義してください：

```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

主な機能

できないこと

使用例

タグ

はじめ方

類似プロジェクト