如何更改 Tabulator 加载消息？

Question

我在文档中找不到它。我想自定义消息。请与我分享这个秘密。

我使用占位符，但这还不够，当数据加载时我想更改默认消息，像这样 'Please wait, data is loading...'，而不是 'Loading...'。

我需要使用什么属性？

 this.tabulator = new Tabulator(this.$refs.table, {
  placeholder: 'Нет данных',
  height: "calc(100vh - 8.2rem)",
  tooltips:true,
  tooltipGenerationMode:"hover",
  tooltipsHeader:true,
  autoResize: true,
  layout: "fitColumns",
  resizableRows: true,
  reactiveData: true,
  columns: this.columns, //define table columns
  rowDblClick: function(e, row) {
    self.$emit('rowDblClick', row.getData());
  },
  ajaxURL: baseUrl + self.defaultUrl,
  ajaxConfig: {
    method:"GET",
    ...baseConfig
  },
  ajaxProgressiveLoad: "scroll",
  ajaxProgressiveLoadScrollMargin: 300,
  ajaxURLGenerator: (url, config, params) => {
    const tc = moment().valueOf()
    return `${url}${self.params.page++}&limit=20&tc=${tc}&param=${self.filter}`;
  },
});

Answer 1

您可以使用 ajaxLoaderLoading 选项传入一个新的加载器元素：

var table = new Tabulator("#example-table", {
    ajaxLoaderLoading: "<div style='display:inline-block; border:4px solid #333; border-radius:10px; background:#fff; font-weight:bold; font-size:16px; color:#000; padding:10px 20px;'>Loading Data</div>"
});

如何更改 Tabulator 加载消息？

How to change Tabulator loading message?

javascript

vue.js

tabulator