新規投稿
フォローする

kintoneUIComponentでテーブル作成できない

レコード新規登録画面・詳細表示画面・編集画面にレコードの内容をちょこっと計算して表を表示したいのでkintoneUIComponentでテーブルを作ろうとしましたが上手くいきません。

githubからjsとcssをダウンロードし、ひとまずドキュメンにあるサンプルソースをコピペしてみました。

ドキュメント⇒https://kintone.github.io/kintone-ui-component/latest/Reference/Table/#createtablecelltype-datafieldname-props

--------------------------------------------------------------------------

var table = new kintoneUIComponent.Table({
    // inital table data
    data: [
        {text: { value: 'this is a text field' }}
    ],
    // default row data on row add
    defaultRowData: {text: { value: 'default text field value' }},
    columns: [
      {
        header: 'Text',
        cell: function() { return kintoneUIComponent.createTableCell('text', 'text') }
      },
    ]
});
$(kintone.app.record.getSpaceElement('space')).append(table.render());

--------------------------------------------------------------------------

行追加の「+」ボタンは表示されますが、行が表示されません。

なにか足りないのでしょうか?

どなたかご教授のほどよろしくお願いいたします。

 

0

2件のコメント

Avatar
PV

貼られているリンク先のドキュメントが見れないのですが、

kintoneUIComponent.Tableのコンストラクタの指定に最低限必要なのは、

rowTemplate、headerではないでしょうか。

https://kintone.github.io/kintone-ui-component/Reference/Table/#constructor

const text = new kintoneUIComponent.Text();

const dropdown = new kintoneUIComponent.Dropdown({
items: [{ label:'Red', value:'red' }, { label:'Green', value:'green' }],
value:'green'
})

const table = new kintoneUIComponent.Table({
rowTemplate: [text, dropdown],
header: ['Fruit', 'Color']
});

kintone.app.record.getSpaceElement('space').appendChild(table.render());
 
PVにより編集されました
0
Avatar
jiji

私が見ていたドキュメントはバージョン2.0のものでした。

未公開のバージョンでしたが、なぜだかドキュメントだけ公開されていました。

今は未公開になってます。

まぎらわしい・・・

PVさんのおっしゃる通り、現在のバージョンですとrowTemplate、headerは必須ですよね。

ありがとうございました!

 

0
サインインしてコメントを残してください。