函数 table.setColumnLayout(columnSettings);不适合我答案

【问题标题】：The function table.setColumnLayout(columnSettings); is not working for me函数 table.setColumnLayout(columnSettings);不适合我
【发布时间】：2019-08-12 04:21:59
【问题描述】：

我编写了一个函数来根据我发送的参数创建具有不同列设置和不同数据的表。一切正常。

我的问题是，当我想用新的数据和列设置重新配置现有表时，我无法让 setColumnLayout 函数工作。我知道列设置是正确的，因为它们适用于创建表。

顶部的代码table.clearData();正常工作。

我也无法让销毁功能工作。据我所知，这是针对 Tabulator 3.0 的。

我正在使用 Mac Chrome 76 和 Tabulator 4.3。

任何让我知道我做错了什么的帮助将不胜感激。

谢谢，迈克

function  createTable (tabledata,SelectedColumnSettings){                   

     $("#clear").click(function(){
        table.clearData();

         var columnSettings = [
            {title:"id", field:"id", visible:false},
            {title:"Company", field:"Company Name", sorter:"string"},
            {title:"Name", field:"Name", sorter:"string"},
            {title:"Word Count Rate", field:"Word Count Rate", sorter:"number",  align:"center"},
            {title:"Hourly Rate", field:"Hourly Rate", sorter:"number",  align:"center"},
            {title:"Resourced", field:"Resourced", sorter:"number",  align:"center"},
            {title:"Language Source", field:"Language Source", sorter:"string"},
            {title:"Profile Picture", field:"Profile Picture", align:"center"},
            {title:"Completed Projects", field:"Completed Projects", sorter:"number",  align:"center"}];

       // var columnSettings=getColumnSettings("Contacts");
        table.setColumnLayout(columnSettings);
     });


        var columnSettings=getColumnSettings(SelectedColumnSettings); // get the settings for the selected list

        var table = new Tabulator("#example-table", {

        height:600, // set height of table to enable virtual DOM

        resizableColumns:false, // this option takes a boolean value (default = true)

        data:tabledata, //load initial data into table
        layout:"fitDataFill", //fit columns to width of table (optional)

        columns: columnSettings,  //Define Table Columns. Sets columns for the different lists projects, contacts....

       });

  };    // end create table

我没有收到任何错误。

【问题讨论】：

如果您使用表格数据添加完整代码，我们可以为您提供更好的帮助

标签： tabulator

【解决方案1】：

使用设置列

         var columnSettings = [
            {title:"id", field:"id", visible:false},
            {title:"Company", field:"Company Name", sorter:"string"},
            {title:"Name", field:"Name", sorter:"string"},
            {title:"Word Count Rate", field:"Word Count Rate", sorter:"number",  align:"center"},
            {title:"Hourly Rate", field:"Hourly Rate", sorter:"number",  align:"center"},
            {title:"Resourced", field:"Resourced", sorter:"number",  align:"center"},
            {title:"Language Source", field:"Language Source", sorter:"string"},
            {title:"Profile Picture", field:"Profile Picture", align:"center"},
            {title:"Completed Projects", field:"Completed Projects", sorter:"number",  align:"center"}];

       // var columnSettings=getColumnSettings("Contacts");

   table.setColumn(columnSettings);

【讨论】：

【解决方案2】：

setColumnLayout 需要与getColumnLayout 一起完成。不确定SelectedColumnSettings 来自哪里。 getColumnSettings 也是一个表的属性，我确实看到它是这样调用的：

var columnSettings=getColumnSettings(SelectedColumnSettings);

【讨论】：