Tabulator 4.6："Load Table Data From Local File“无法将JSON文件发送到Tabulator表
使用制表程序4.6示例“从本地文件加载表数据”。但是从桌面选择"data.json“文件，没有任何反应。不幸的是，制表器4.6的例子似乎不起作用(间歇性)。下面列出了我的HTML脚本。我使用MS Visual Studio代码作为我的IDE。这是制表器4.6“从本地文件加载表数据”的副本。我已经包括了所有的链接，等在这一节。
Again, my issue is why the selected JSON file does not load into the Tabulator table? 您可以使用此链接http://tabulator.info/examples/4.6#file-load查看此制表器示例
这是我第一次使用堆栈溢出，也是我的第一个问题。很抱歉有个误会。我尝试加载我的html文件/脚本，但没有成功。将不得不练习或在Youtube.com上查找
我想我已经把代码加载到StackOverflow中了。下面的代码都是正确的。这段代码可以在表格网站的“从本地文件中加载表数据”的例子中找到。感谢任何帮助，你可以分享，参考等。我正在使用MS Visual Studio代码作为我的IDE。
PS: Oli，您的制表器网站示例在下载.JSON文件时不显示数据！是示例网站脚本还是我的网络问题。使用两个浏览器(C，F)和两个操作系统(Linux，Win10)尝试了你的网站示例。
马哈洛，帕加罗
<!DOCTYPE html>
<html lang="en">
<head>
<link
href="https://unpkg.com/tabulator-tables@4.6.3/dist/css/tabulator.min.css"
rel="stylesheet"
/>
<script
type="text/javascript"
src="https://unpkg.com/tabulator-tables@4.6.3/dist/js/tabulator.min.js"
></script>
</head>
<body>
<div>
<button id="file-load-trigger">Open File</button>
</div>
<div id="example-table"></div>
<h2>tabulator-upload upload table Data from local JSON file</h2>
<script type="text/javascript">
//Build Tabulator
var table = new Tabulator("#example-table", {
height: "311px",
layout: "fitColumns",
autoColumns: true,
placeholder: "No Data Set",
});
//trigger AJAX load on "Load Data via AJAX" button click
document
.getElementById("file-load-trigger")
.addEventListener("click", function () {
table.setDataFromLocalFile();
});
</script>
</body>
</html>回答 1
Stack Overflow用户
发布于 2020-07-09 16:47:23
我在Tabler4.7.1中也遇到了同样的问题，请参阅问题https://github.com/olifolkerd/tabulator/issues/2886。这似乎是autoColumns的一个问题。如果你尝试这个简单的json：
[ {"name":"Billy Bob", "age":"12"}, {"name":"Mary May", "age":"24"}, {"name":"Christine Lobowski", "age":"15"} ]使用此表初始化：
//autoColumns:true,
columns:[ //Define Table Columns
{title:"Name", field:"name", sorter:"string", width:150},
{title:"Age", field:"age", sorter:"number", hozAlign:"left", formatter:"progress"},
],它似乎起作用了
https://stackoverflow.com/questions/62481271
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号