kintone-labs / kintone-ui-component

kintone UI Component
https://ui-component.kintone.dev/
Other
61 stars 62 forks source link

Hide table header #1333

Closed the-red closed 1 year ago

the-red commented 1 year ago

Component

Table

Why

テーブル内にテーブルをネストしたいことがあります。 その場合、内側のヘッダーが悪目立ちしてしまいます。

CleanShot 2023-05-09 at 14 11 27@2x

内側はヘッダーではなくPlaceholderを使ってこんな風にしたいです。 自分でhackすれば出来ますが、標準機能でヘッダーを非表示にできると嬉しいです。

CleanShot 2023-05-09 at 14 16 05@2x

What

Boolean型のheaderプロパティなど如何でしょうか?

const table = new Kuc.Table({
  header: false, // 省略したらtrue
  columns: [
      {
        title: 'Name',
        field: 'name',
        render: renderName
      },
      {
        title: 'Address',
        field: 'address'
      },
      {
        title: 'Age',
        field: 'age',
        render: renderAge
      }
    ],
  data: [
    {
      name: 'john',
      age: 32,
      address: 'New York No. 1 Lake Park'
    },
    {
      name: 'steven',
      age: 22,
      address: 'New York No. 2 Lake Park'
    }
  ],
})

ご検討お願いします!

TomokoMiyake commented 1 year ago

@the-red 新機能のアイデア登録ありがとうございます。 1st リリースでは要件から落としましたが、今後の対応要件として検討していたものになります。 前向きに検討させていただきます。

TomokoMiyake commented 1 year ago

@the-red headerVisible property の実装中になります。次のリリースで提供予定です。

TomokoMiyake commented 1 year ago

@the-red We release v1.12.0 which includes the headerVisible property you requested above. https://github.com/kintone-labs/kintone-ui-component/releases/tag/v1.12.0

Thank you!