<Javascript, handsontable> Jsonをパスして、Handsontableを作る。

ヘッダーheaderとボディーbodyが一体となったJsonデータをパスして、Handsontableを作る。
ポイントは、header情報を抜き出す必要がある。

ちとググって、いい例を見つけたので、試してみた。
JavascriptのObject.keys()とarr.map()を使ってやってみる。

結果、、、

参考にさせてもらったところ。

追記。
パンダさんpandasのデータフレームDataFrameを上記のJson形式にする方法。
pandas.DataFrame.to_json(orient='records')を使う。

In [22]: import pandas as pd

In [23]: table = '''
    ...: id name address
    ...: 1 test tokyo
    ...: 2 hoge osaka
    ...: 3 hello kyoto
    ...: 4 world saitama
    ...: '''

In [25]: import io

In [29]: df = pd.read_table(io.StringIO(table), sep=' ')

In [30]: df
Out[30]: 
   id   name  address
0   1   test    tokyo
1   2   hoge    osaka
2   3  hello    kyoto
3   4  world  saitama

In [33]: import json

In [37]: df.to_json(orient='records')
Out[37]: '[{"id":1,"name":"test","address":"tokyo"},{"id":2,"name":"hoge","address":"osaka"},{"id":3,"name":"hello","address":"kyoto"},{"id":4,"name":"world","address":"saitama"}]'

In [38]: import json

In [39]: json.loads(df.to_json(orient='records'))
Out[39]: 
[{'address': 'tokyo', 'id': 1, 'name': 'test'},
 {'address': 'osaka', 'id': 2, 'name': 'hoge'},
 {'address': 'kyoto', 'id': 3, 'name': 'hello'},
 {'address': 'saitama', 'id': 4, 'name': 'world'}]

マニュアル。
https://pandas.pydata.org/pandas-docs/stable/generated/pandas.DataFrame.to_json.html