使用多级 JSON 数据创建 HTML 表格

问：

我正在将jquery与HTML一起使用，我需要使用JSON数据做一个表格HTML。

如果 JSON 没有多级，那将很简单，我需要使资源灵活以支持任何 JSON。

我看过一些使用列表的例子，但就我而言，我只需要使用对象

例子：

JSON数据：

{
        "A":
        {
            "B":
            {
            "B1":"B1-a",
            "B2": "B2-a"
            },
            "C":
            {
            "Ca":"Cb"
            }
        },
        "D":
        {
            "E":
            {
            "E1":"E1-a",
            "E2":"E2-a"
            },
            "F":
            {
            "Fa":"Fb"
            }
        }
    }

表格 HTML：

<table>
<tbody id="JSONTable">
    <tr>
        <td rowspan="5">A</td>
    </tr>
    <tr>
        <td rowspan="3">B</td>
    </tr>
    <tr>
        <td>B1</td>
        <td>B1-a</td>
    </tr>
    <tr>
        <td>B2</td>
        <td>B2-a</td>
    </tr>
    <tr>
        <td>C</td>
        <td>Ca</td>
        <td>Cb</td>
    </tr>
    <tr>
        <td rowspan="5">D</td>
    </tr>
    <tr>
        <td rowspan="3">E</td>
    </tr>
    <tr>
        <td>E1</td>
        <td>E1-a</td>
    </tr>
    <tr>
        <td>E2</td>
        <td>E2-a</td>
    </tr>
    <tr>
        <td>F</td>
        <td>Fa</td>
        <td>Fb</td>
    </tr>
</tbody>