json2html 模块的结果不正确

Question

我在网上看到了很多这样的例子，但我没有找到任何可以帮助我解决我面临的问题的东西。我正在尝试将 JSON 对象转换为 HTML 表，但遇到了几个问题。

假设我有以下对象，称之为tableJson，它本质上代表一个只有列标题的表：

[
  {
    "firstColumn": []
  },
  {
    "secondColumn": []
  },
  {
    "thirdColumn": []
  }
]

在尝试将其转换为 HTML 表格时，我执行了以下操作：

jsonDumps = json.dumps(jsonTable)
htmlTable = json2html.convert(json = jsonDumps)

看起来很简单。但是，htmlTable 的结果给了我两个问题：

1. 输出采用项目符号列表格式
2. 每个列标题都被视为一个单独的表格

比如上面htmlTable的结果是：

<ul>
  <li>
    <table border="1">
      <tr><th>firstColumn</th><td></td></tr>
    </table>
  </li>
  <li>
    <table border="1">
      <tr><th>secondColumn</th><td></td></tr>
    </table>
  </li>
  <li>
    <table border="1">
      <tr><th>thirdColumn</th><td></td></tr>
    </table>
  </li>
</ul>

什么是（正确）创建表的简单方法，以便我没有将它放在项目符号列表中，并且每列都被视为正确的列而不是表？

JSON 对象的表示方式有问题吗？如果是这样，正确的语法是什么，以便json2html 将其正确转换为表格？

Answer 1

如果您的表格，原始结构存在一些问题，当您尝试从中创建 DataFrame 时会更加清晰；如果您首先将其重组为单个 dict，您可能会发现它更容易使用并且可以直接使用 Pandas 来呈现您的表格

起始值

>>> import pandas as pd
>>> src_table = [
...   {
...     "firstColumn": []
...   },
...   {
...     "secondColumn": []
...   },
...   {
...     "thirdColumn": []
...   }
... ]

问题演示

（每一列都是唯一的，而不是在同一个集合中）

>>> pd.DataFrame(src_table)
  firstColumn secondColumn thirdColumn
0          []          NaN         NaN
1         NaN           []         NaN
2         NaN          NaN          []

字典和显示的扁平化列表

见How do I merge a list of dicts into a single dict?

>>> src_flattened = dict(pair for d in src_table for pair in d.items())
>>> src_flattened
{'firstColumn': [], 'secondColumn': [], 'thirdColumn': []}
>>> df = pd.DataFrame(src_flattened)
>>> df
Empty DataFrame
Columns: [firstColumn, secondColumn, thirdColumn]
Index: []
>>> print(df.to_html())
<table border="1" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th></th>
      <th>firstColumn</th>
      <th>secondColumn</th>
      <th>thirdColumn</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

渲染

插入一些值

>>> pd.DataFrame({"col1": [1,2,3], "col2": [4,5,6], "col3": ['a', None, False]}).to_html()
'<table border="1" class="dataframe">\n  <thead>\n    <tr style="text-align: right;">\n      <th></th>\n      <th>col1</th>\n      <th>col2</th>\n      <th>col3</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <th>0</th>\n      <td>1</td>\n      <td>4</td>\n      <td>a</td>\n    </tr>\n    <tr>\n      <th>1</th>\n      <td>2</td>\n      <td>5</td>\n      <td>None</td>\n    </tr>\n    <tr>\n      <th>2</th>\n      <td>3</td>\n      <td>6</td>\n      <td>False</td>\n    </tr>\n  </tbody>\n</table>'

渲染

您可以对 .to_html() method 使用不同的参数来省略主要的表格功能，例如索引，并在 CSS 中完成其余的工作