在运行时更改制表符的占位符

如何解决在运行时更改制表符的占位符

我遇到了如何在运行时更改制表符占位符的问题。建议在 StackOverflow 上提问，这里是。有一个问题（已关闭 - https://github.com/olifolkerd/tabulator/issues/1415）有一个我尝试过的建议解决方案。不幸的是，它在创建过程中抛出了一个错误：

tabulator.min.js:4 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
    at s.redraw (tabulator.min.js:4)
    at e.h.redraw (tabulator.min.js:6)
    at ResizeObserver.<anonymous> (tabulator.min.js:12)

制表符版本为 4.9.3。 jsfiddle：https://jsfiddle.net/ivos/6pq75brv/3/

设置很简单：

var data = [{id:1},{id:2},{id:3}];
var placeholder = $("<span>Waiting for data</span>");
var conf = {
//  placeholder: "Waiting for data",placeholder: placeholder,columns: [
    { title: "Id",field: "id",headerFilter: "input" },],dataFiltered: (filters,rows) =>{
    placeholder.text(filters.length > 0 ? 'No Results': 'Waiting for data');
  },};
var t = new Tabulator('#tbl',conf);
setTimeout(function(){ t.setData(data)},5000); // timeout is just to show the initial placeholder

如果我应用过滤器（即 5），我得到

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
    at s.redraw (tabulator.min.js:4)
    at e.h.redraw (tabulator.min.js:6)
    at ResizeObserver.<anonymous> (tabulator.min.js:12)

解决方法

由于 Tabulator 使用虚拟 DOM，因此您无法从其外部操作元素。

一旦设置了表格，就没有内置的方法来更改占位符选项。

话虽如此，我当然可以向您指出实现这一目标的一种非常hacky的方式，我建议您不要这样做，因为它会操纵内部变量并且可能导致它在未来无法正常工作，但它应该可以实现您的期望.

因此，假设您在名为 table 的变量上创建表，以下应该可以工作：

table.options.placeholder = "new placeholder message";