Question

我想将 .csv文件转换为jQuery中的HTML表格。为了实现这一点，我使用了一个名为CSVToTable的jQuery插件。

我在代码中使用它的方式如下：

我在.CSVToTable('path/to/file.csv')上打了<div id="ItemTable"></div>：

$("#ItemTable").CSVToTable('ItemDatabase.csv', {
  loadingImage: 'img/loading.gif',
  startLine: 0
});

一切似乎都有效，以及loading.gif（包含在下载中）。

我的第一次尝试是在ItemDatabase.csv上运行它，这是一个包含大约的.csv。 350线。 它继续加载和加载，15分钟后，我尝试使用包含5行的较小文件。它没有任何区别。

我查看了 their website with a demo 的来源，它运行正常，替换了代码，但没有任何区别。

如果有人能告诉我我做错了什么，那将非常有帮助。

注意：我检查了文件路径，并且所有内容都已正确初始化

编辑：对于@sakir，我的.csv文件的前4行：

Name,Tier,Kind,Lvl,mDam,xDam,HR,MR,SD,LS,MS,XB,LB
Depressing Bow,Depressing,Bow,1,0,0,NONE,NONE,NONE,NONE,NONE,NONE,NONE
Oak Wood Bow,Basic,Bow,1,4,6,NONE,NONE,NONE,NONE,NONE,NONE,NONE
Birch Wood Bow,Basic,Bow,6,6,10,NONE,NONE,NONE,NONE,NONE,NONE,NONE

Answer 1

您无法使用本地文件系统中的文件。请将您的文件复制到Web服务器上，并在.CSVToTable（url_file）中提供该文件的URL。

Answer 2

尝试这种方式mate.But一定要加载所需的javascript和csv文件的路径。如果它适用于我，请告诉我。祝你好运

csv文件结构（test.csv）

Name,Tier,Kind,Lvl,mDam,xDam,HR,MR,SD,LS,MS,XB,LB
Depressing Bow,Depressing,Bow,1,0,0,NONE,NONE,NONE,NONE,NONE,NONE,NONE
Oak Wood Bow,Basic,Bow,1,4,6,NONE,NONE,NONE,NONE,NONE,NONE,NONE
Birch Wood Bow,Basic,Bow,6,6,10,NONE,NONE,NONE,NONE,NONE,NONE,NONE

转换csv 2表的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery CSVToTable</title>

    <link rel="stylesheet" href="css/csvtable.css" type="text/css" />

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.csvToTable.js"></script>


</head>
<body>
 CSV To Table:<br>
<div id="CSVTable">

</div>

    <script type="text/javascript">

    $(function() {
            $('#CSVTable').CSVToTable('test.csv');
    });
    </script>

</body>
</html>

将.CSV转换为HTML表

2 个答案: