Tabulator.js中getData()脚本内失效，浏览器控制台可正常调用

问题核心原因 #

你的代码在调用generateGrid()后立刻执行table.getData()，但Tabulator表格初始化是异步过程——哪怕同步执行了初始化函数，表格还没完成渲染或数据加载，此时调用getData()自然拿不到有效数据。而在浏览器控制台执行时，表格早已完成初始化，所以能成功获取数据。

可行解决方法 #

• 方法1：使用Tabulator的tableBuilt回调（推荐）
  在表格配置中添加tableBuilt回调，确保在表格完全构建完成后再获取数据：

  var table
  
  function generateGrid(){
    table = new Tabulator("#dev-schedule-table", {
      // 其他配置项
      tableBuilt:function(){
        // 表格构建完成后执行数据获取
        var data = table.getData()
        console.log(data)
      }
    })
  }
  
  generateGrid()
  

• 方法2：监听dataLoaded事件（适用于异步加载数据的场景）
  如果表格数据是通过ajaxURL等方式异步加载的，要监听dataLoaded事件，确保数据加载完成后再操作：

  var table
  
  function generateGrid(){
    table = new Tabulator("#dev-schedule-table", {
      // 其他配置项，比如ajaxURL: "你的数据接口地址"
      dataLoaded:function(){
        var tableData = table.getData()
        console.log(tableData)
      }
    })
  }
  
  generateGrid()
  

• 方法3：临时延迟调用（仅用于测试，不推荐正式环境）
  通过setTimeout给表格预留初始化时间，仅适合临时验证：

  generateGrid()
  
  setTimeout(function(){
    var data = table.getData()
    console.log(data)
  }, 1000)
  

内容的提问来源于stack exchange，提问作者dezza