使用 HTML Table 而不使用 headers
Use HTML Table without headers
我有一个 table,但未遵循 HTML table 的正常指导。
我最好的做法是创建一个合适的 JSON-object,然后使用它。
但我想问一下,是否有任何选项可以解析 HTML table、"without headers",并在 Tabulator 中定义它们。
我知道案例编号很奇怪,但我只想听听:-)
HTML-source 中没有 thead
和 th
的示例:
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="16">
<td colspan="16">
Something
</td>
<td colspan="16">
14
</td>
<td colspan="16">
2020-01-28
</td>
</tr>
</tbody>
</table>
恐怕不会。
当 Tabulator 建立在 table 元素上时,它会解析 HTML 为 table 的每一行创建一个 JavaScript object,使用列 headers 作为 属性 名称。
如果没有 headers,它将没有合理的方法将列值映射到 object。
我这样解决问题
<table border="0" cellpadding="0" cellspacing="0">
<tr height="16" hidden>
<td colspan="16">
</td>
<td colspan="16">
</td>
<td colspan="16">
</td>
</tr>
<tr height="16">
<td colspan="16">
Something
</td>
<td colspan="16">
14
</td>
<td colspan="16">
2020-01-28
</td>
</tr>
</table>
我有一个 table,但未遵循 HTML table 的正常指导。
我最好的做法是创建一个合适的 JSON-object,然后使用它。
但我想问一下,是否有任何选项可以解析 HTML table、"without headers",并在 Tabulator 中定义它们。
我知道案例编号很奇怪,但我只想听听:-)
HTML-source 中没有 thead
和 th
的示例:
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="16">
<td colspan="16">
Something
</td>
<td colspan="16">
14
</td>
<td colspan="16">
2020-01-28
</td>
</tr>
</tbody>
</table>
恐怕不会。
当 Tabulator 建立在 table 元素上时,它会解析 HTML 为 table 的每一行创建一个 JavaScript object,使用列 headers 作为 属性 名称。
如果没有 headers,它将没有合理的方法将列值映射到 object。
我这样解决问题
<table border="0" cellpadding="0" cellspacing="0">
<tr height="16" hidden>
<td colspan="16">
</td>
<td colspan="16">
</td>
<td colspan="16">
</td>
</tr>
<tr height="16">
<td colspan="16">
Something
</td>
<td colspan="16">
14
</td>
<td colspan="16">
2020-01-28
</td>
</tr>
</table>