【DataTable】キーを持ったJSONをテーブル表示する方法

Question

前提・実現したいこと

キーを持ったJSONデータをDataTableへ渡し、テーブル表示をさせたい

キー無しではテーブル表示ができることを確認済みです
キー有りで表示させる方法を教えていただけると助かります

発生している問題・エラーメッセージ

tbody内へ「検索結果はありませんでした」とだけ表示される

該当のソースコード

let json = [
    '00000000001': {id: '1', title: 'テスト1', body: 'テスト'},
    '00000000002': {id: '2', title: 'テスト2', body: 'テストテスト'},
    '00000000003': {id: '3', title: 'テスト3', body: 'テストテストテスト'},
    '00000000004': {id: '4', title: 'テスト4', body: 'テストテストテストテスト'}
]

$(table).DataTable({
    data: json,
    columns: [
        {data: 'id'},
        {data: 'title'},
        {data: 'body'} 
    ]
});

<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>TITLE</th>
            <th>BODY</th>
        </tr>
    </thead>
</table>

Comments

[Zuishin]

json が間違っていますが、それが原因ということはありませんか？

Answer 1

キーを持ったJSONデータ

jsで取り扱えるデータになっていません

let json = Object.values({
  '00000000001': {id: '1', title: 'テスト1', body: 'テスト'},
  '00000000002': {id: '2', title: 'テスト2', body: 'テストテスト'},
  '00000000003': {id: '3', title: 'テスト3', body: 'テストテストテスト'},
  '00000000004': {id: '4', title: 'テスト4', body: 'テストテストテストテスト'}
});