HTML通过将csv文件数据绑定到表来创建表答案

【问题标题】：HTML creating a table by data binding a csv file to a tableHTML通过将csv文件数据绑定到表来创建表
【发布时间】：2018-03-31 15:45:21
【问题描述】：

我从一本书中复制了这段代码，它应该从一个简单的 csv 文本文件创建一个格式化的表格，我将在最后详细说明。它确实创建了表格，但所有行都被折叠或除了标题行之外的文本丢失。我是初学者，所以我看不到问题，特别是因为它来自一本书。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Data Binding Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<!-- validation not possible due to datasrc and datfld attributes -->
</head>
<body>
<object id="alphabet"
        classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">
     <param name= "DataURL" value="alphabet.txt" />
	 <param name= "UseHeader" value="True" />
</object>

<table datasrc="#alphabet" border="1">
<thead>
   <tr bgcolor="yellow">
   <th>Letter</th>
   <th>Reminder</th>
   </tr>
</thead>

<tbody>
    <tr align="center">
	   <td><span datafld="Letter"></span></td>
	   <td><span datafld="Thing"></span></td>
	</tr>
</tbody>
</table>
</body>
</html>

【问题讨论】：

标签： html file csv html-table

【解决方案1】：

您需要 Web 服务器或 javascript 代码来读取文件并序列化数据以显示在表格中。对象标签是嵌入多媒体（如pdf、音频、视频）。

【讨论】：

csv 文件与 html 文件位于我计算机上的同一文件夹中，因此它会读取文件并使用表格创建页面，但表格中仅插入标题数据
要序列化csv文件中的数据，需要运行代码。您需要逐行读取数据，根据 csv 文件中使用的分隔符分隔列并逐个单元格插入。这可以使用代码来完成，html 不会自动完成。