blocks|key|2525267|text|你甚至不需要导入任何东西！这是一个非常简单的任务，您可以使用列表和字符串来获得相同的结果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2525268|您所要做的就是将OrderedDict对象转换为python列表：|offset|length|style|CODE|2525269|keys,+rows+=+[],+[]
for+sub_dict+in+ordered_items:
++row+=+[]
++for+key+in+sub_dict:
++++if+key+not+in+keys:
++++++keys.append(key)
++++row.append(sub_dict[key])
++rows.append(row)|code-block|syntax|javascript|2525270|然后将这些列表转换为HTML表格字符串：|2525271|thead+=+"<thead><tr>{}</tr></thead>".format("".join(map(lambda+key:+"<th>{}</th>".format(key),+keys)))
tbody+=+"<tbody>"
for+row+in+rows:
++tbody+%2B=+"<tr>{}</tr>".format("".join(map(lambda+value:+"<td>{}</td>".format(value),+row)))
tbody+%2B=+"</tbody>"|2525272|然后，在打印连接的字符串时，如下所示：|2525273|print("<table>"+%2B+thead+%2B+tbody+%2B+"</table>")|2525274|您应该会得到以下结果：|2525275|<table><thead><tr><th>Name</th><th>Class</th><th>Number</th><th>Place</th><th>Place1</th><th>Grade</th></tr></thead><tbody><tr><td>Soytra</td><td>First</td><td>23768</td><td>NY</td><td>LA</td><td>16.6038</td></tr><tr><td>Reuhyta</td><td>First</td><td>23769</td><td>NY</td><td>LA</td><td>23.56789</td></tr></tbody></table>|2525276|它应该输出以下HTML：|2525277|​|2525278|table,+table+*+{
++border-collapse:+collapse;
}

th,+td+{
++padding:+7px;
++text-align:+left;
++border:+1px+solid+#EEE;
}|2525279|2525280|2525281|祝好运。|2525282|entityMap^0|0|8|B|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1B|8|@$D|1C|E|1D|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1E|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1G|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1I|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1J|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1K|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|1L|8|@]|9|@]|A|$]]|$1|10|3|11|5|6|7|1M|8|@]|9|@]|A|$]]|$1|12|3|13|5|J|7|1N|8|@]|9|@]|A|$K|L]]|$1|14|3|X|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|15|3|11|5|6|7|1P|8|@]|9|@]|A|$]]|$1|16|3|17|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|18|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|19|$]]

<p>You don't even have to import anything! This is such a simple task that you could use lists and strings to get the same result.</p>

<p>All you have to do is convert the <code>OrderedDict</code> objects into python lists:</p>

<pre><code>keys, rows = [], []
for sub_dict in ordered_items:
  row = []
  for key in sub_dict:
    if key not in keys:
      keys.append(key)
    row.append(sub_dict[key])
  rows.append(row)
</code></pre>

<p>Then converted those lists into a HTML table string:</p>

<pre><code>thead = "&lt;thead&gt;&lt;tr&gt;{}&lt;/tr&gt;&lt;/thead&gt;".format("".join(map(lambda key: "&lt;th&gt;{}&lt;/th&gt;".format(key), keys)))
tbody = "&lt;tbody&gt;"
for row in rows:
  tbody += "&lt;tr&gt;{}&lt;/tr&gt;".format("".join(map(lambda value: "&lt;td&gt;{}&lt;/td&gt;".format(value), row)))
tbody += "&lt;/tbody&gt;"
</code></pre>

<p>Then when you print the concatenated strings, like this:</p>

<pre><code>print("&lt;table&gt;" + thead + tbody + "&lt;/table&gt;")
</code></pre>

<p>You should get the following result:</p>

<pre><code>&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Class&lt;/th&gt;&lt;th&gt;Number&lt;/th&gt;&lt;th&gt;Place&lt;/th&gt;&lt;th&gt;Place1&lt;/th&gt;&lt;th&gt;Grade&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Soytra&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23768&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;16.6038&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Reuhyta&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23769&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;23.56789&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
</code></pre>

<p>Which should output the following HTML:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>table, table * {
  border-collapse: collapse;
}

th, td {
  padding: 7px;
  text-align: left;
  border: 1px solid #EEE;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Class&lt;/th&gt;&lt;th&gt;Number&lt;/th&gt;&lt;th&gt;Place&lt;/th&gt;&lt;th&gt;Place1&lt;/th&gt;&lt;th&gt;Grade&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Soytra&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23768&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;16.6038&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Reuhyta&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23769&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;23.56789&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;</code></pre>
</div>
</div>
</p>

<p>Good luck.</p>


blocks|key|2313659|text|您可以创建自己的函数来创建HTML表：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2313660|from+collections+import+OrderedDict
inDict+=+[OrderedDict([('Name',+'Soytra'),+('Class',+'First'),+('Number',+'23768'),+('Place',+'NY'),+('Place1',+'LA'),+('Grade',+16.6038)]),+OrderedDict([('Name',+'Reuhyta'),+('Class',+'First'),+('Number',+'23769'),+('Place',+'NY'),+('Place1',+'LA'),+('Grade',+23.56789)])]

def+makeHtmlTable(inDict):
++++htmlOutput+=+"<table>"
++++headers+=+[elem+for+elem+in+list(inDict[0])]
++++htmlOutput+%2B=+"<tr>"+%2B+"".join(["<th>"+%2B+header+%2B+"</th>"+for+header+in+headers])+%2B+"</tr>"
++++for+elem+in+inDict:
++++++++htmlOutput+%2B=+"<tr>"+%2B+"".join(["<td>"+%2B+str(value)+%2B+"</td>"+for+key,+value+in+elem.items()])+%2B+"</tr>"
++++htmlOutput+%2B=+"</table>"
++++return+htmlOutput

print(makeHtmlTable(inDict))|code-block|syntax|javascript|2313661|输出：|2313662|<table><tr><th>Name</th><th>Class</th><th>Number</th><th>Place</th><th>Place1</th><th>Grade</th></tr><tr><td>Soytra</td><td>First</td><td>23768</td><td>NY</td><td>LA</td><td>16.6038</td></tr><tr><td>Reuhyta</td><td>First</td><td>23769</td><td>NY</td><td>LA</td><td>23.56789</td></tr></table>|2313663|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can create your own function to create an HTML table:</p>

<pre><code>from collections import OrderedDict
inDict = [OrderedDict([('Name', 'Soytra'), ('Class', 'First'), ('Number', '23768'), ('Place', 'NY'), ('Place1', 'LA'), ('Grade', 16.6038)]), OrderedDict([('Name', 'Reuhyta'), ('Class', 'First'), ('Number', '23769'), ('Place', 'NY'), ('Place1', 'LA'), ('Grade', 23.56789)])]

def makeHtmlTable(inDict):
    htmlOutput = "&lt;table&gt;"
    headers = [elem for elem in list(inDict[0])]
    htmlOutput += "&lt;tr&gt;" + "".join(["&lt;th&gt;" + header + "&lt;/th&gt;" for header in headers]) + "&lt;/tr&gt;"
    for elem in inDict:
        htmlOutput += "&lt;tr&gt;" + "".join(["&lt;td&gt;" + str(value) + "&lt;/td&gt;" for key, value in elem.items()]) + "&lt;/tr&gt;"
    htmlOutput += "&lt;/table&gt;"
    return htmlOutput

print(makeHtmlTable(inDict))
</code></pre>

<p>Output:</p>

<pre><code>&lt;table&gt;&lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Class&lt;/th&gt;&lt;th&gt;Number&lt;/th&gt;&lt;th&gt;Place&lt;/th&gt;&lt;th&gt;Place1&lt;/th&gt;&lt;th&gt;Grade&lt;/th&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Soytra&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23768&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;16.6038&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Reuhyta&lt;/td&gt;&lt;td&gt;First&lt;/td&gt;&lt;td&gt;23769&lt;/td&gt;&lt;td&gt;NY&lt;/td&gt;&lt;td&gt;LA&lt;/td&gt;&lt;td&gt;23.56789&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
</code></pre>


<p>I have a list containing several <code>OrderedDict</code> objects, that looks like this:</p>

<pre><code>[OrderedDict([('Name', 'Soytra'), ('Class', 'First'), ('Number', '23768'), ('Place', 'NY'), ('Place1', 'LA'), ('Grade', 16.6038)]), OrderedDict([('Name', 'Reuhyta'), ('Class', 'First'), ('Number', '23769'), ('Place', 'NY'), ('Place1', 'LA'), ('Grade', 23.56789)])] 
</code></pre>

<p>I'd like to convert that list into the following HTML table, like below:</p>

<p><a href="https://i.stack.imgur.com/wWG3i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wWG3i.png" alt="enter image description here"></a></p>

<p><strong>INFO:</strong> I have already used Pandas, would like to see some other solution</p>


How do I convert a list containing OrderedDicts into a HTML table?

我有一个包含几个OrderedDict对象的列表，如下所示：[OrderedDict([('Name', 'Soytra'), ('Class', 'First'), ('Number', '23768'), ('Place', 'NY'), ('Place1', 'LA'), ('Grade', 16.6038)])...

问如何将包含OrderedDicts的列表转换为HTML表？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将包含OrderedDicts的列表转换为HTML表？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将包含OrderedDicts的列表转换为HTML表？
EN