Tabulator JS：加载数据列后未呈现答案

【问题标题】：Tabulator JS: After loading data column not renderingTabulator JS：加载数据列后未呈现
【发布时间】：2020-10-07 14:38:23
【问题描述】：

在我通过 tabulatorJS 中的 ajax 加载数据后，列标题标题更改为数据值名称。 ajax 响应是一个 java 对象，它的属性名称与制表符列中的字段名称相同。您可以在本文底部看到响应。 Data found

如果未找到数据，则表格已正确呈现。 No data found

你有什么想法吗？

table = new Tabulator("#table-div", {
    ajaxURL: '/loadDataObject.do',
    ajaxConfig: 'GET',
    ajaxParams: {name: $('#name').val()},
    // data: dataObject,
    responsiveLayout: true,
    keybindings: true,
    locale: true,
    langs: {
        "de-de": {
        }
    },
    movableColumns: true,
    movableRows: true,
    resizableRows: false,
    headerSort: false,
    autoColumns: true,
    autoResize: true,
    layout: 'fitColumns',
    placeholder: $.i18n.prop('table.no_data_found'),
    columns: [
        {rowHandle:true, formatter:"handle", headerSort:false, frozen:true, width:30, minWidth:30, cssClass: 'disabled'},
        {title: $.i18n.prop('table.pos_number'), field: 'posNumber', editor: 'input', width: 40},
        {title: $.i18n.prop('table.symbol'), field: 'classSymbol', width: 45, cssClass: 'disabled item-symbol'},
        {title: $.i18n.prop('table.item_work_operation_number'), field: 'itemNumber', editor: 'input', width: 70, cssClass: 'item-number text-uppercase'},
        {title: $.i18n.prop('table.item_work_operation_name'), field: 'itemName', width: 300, cssClass: 'disabled item-name'},
        {title: $.i18n.prop('table.item_length'), field: 'itemLength', width: 70, cssClass: 'disabled item-length'},
        {title: $.i18n.prop('table.item_width'), field: 'itemWidth', width: 70, cssClass: 'disabled item-width'},
        {title: $.i18n.prop('table.item_height'), field: 'itemHeight', width: 70, cssClass: 'disabled item-height'},
        {title: $.i18n.prop('table.warehouse_storage_unit'), field: 'warehouseStorageUnit', width: 70, cssClass: 'disabled warehouse-storage-unit'},
        {title: $.i18n.prop('table.position_text'), field: 'positionText', editor: 'input', width: 200}]);

AJAX 响应

[
       {
          "posNumber":"1",
          "classSymbol":"fa-shopping-cart",
          "itemNumber":"V000092",
          "itemName":"Test asd asd a         ",
          "itemLength":1234000.34,
          "itemWidth":0.0,
          "itemHeight":0.0,
          "warehouseStorageUnit":"mm",
          "positionText":"jsdfakjfjöq",
          "quantity":12.0,
          "fCode":"ML",
          "benefit":12.0,
          "cutLength":0.0,
          "cutWidth":0.0,
          "cutHeight":0.0,
          "edge":"H",
          "edgeProperty":"",
          "provisionType":""
       }
    ]

【问题讨论】：

标签： javascript java jquery tabulator

【解决方案1】：

这是因为您启用了autoColumns。

启用自动列后，它将根据返回的数据自动创建表格列。

如果您想先定义列，则根本不应该在表设置中定义 autoColumns 选项

【讨论】：