【发布时间】:2021-02-11 05:09:34
【问题描述】:
如何在表格加载后更改占位符文本?没有 jQuery。
理想的步骤:
- 表加载。没有数据。占位符说:“正在获取数据”
- 使用以下方式获取 JSON 数据:
// Script
const getJSON = async url => {
try {
const response = await fetch(url);
if(!response.ok)
throw new Error(response.statusText);
const data = await response.json();
return data;
} catch(error) {
return error;
}
};
// HTML
var table = new Tabulator("#example", {
ajaxLoader: false,
data:JSONdata,
...
...
}
getJSON('https://...').then(JSONdata => {
table.replaceData(JSONdata);
}).catch(error => {
console.error(error);
});
- 占位符文本更改为:“未找到结果。”
附注当 JSON 失败或未找到搜索结果时,此功能很重要。我添加了一个只显示匹配行的搜索功能。
【问题讨论】:
标签: tabulator