title: Incorrect results from json2html module
body: <p>I've seen multiple of examples of this online, but I've not found anything that helps me solve the problem I'm faced with. I'm trying to convert a JSON object into an HTML table, but I'm faced with a couple of issues.</p>
  <p>Suppose I have the following object, call it <code>tableJson</code>, which is essentially representative of a table with only column headers:</p>
  <pre><code>[
    {
      &quot;firstColumn&quot;: []
    },
    {
      &quot;secondColumn&quot;: []
    },
    {
      &quot;thirdColumn&quot;: []
    }
  ]
  </code></pre>
  <p>In trying to convert this into an HTML table, I have done the following:</p>
  <pre><code>jsonDumps = json.dumps(jsonTable)
  htmlTable = json2html.convert(json = jsonDumps)
  </code></pre>
  <p>Seems pretty simply. However, the result of <code>htmlTable</code> gives me two issues:</p>
  <ol>
  <li>The output is in a bullet point list format</li>
  <li>Each column header is treated as a separate table</li>
  </ol>
  <p>For example, the result of <code>htmlTable</code> above is:</p>
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;table border=&quot;1&quot;&gt;
        &lt;tr&gt;&lt;th&gt;firstColumn&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;table border=&quot;1&quot;&gt;
        &lt;tr&gt;&lt;th&gt;secondColumn&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;table border=&quot;1&quot;&gt;
        &lt;tr&gt;&lt;th&gt;thirdColumn&lt;/th&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>What is the simply way of creating a table (correctly) so that I don't have it in a bullet point list and so that each column is treated as a correct column rather than a table?</p>
  <p>Is there a problem with the way the JSON object is represented? If so, what is the correct syntax so that <code>json2html</code> converts it correctly into a table?</p>