制表器填空 "冻结 "的行。

Question

我有一个问题，其中 Tabulator 冻结 "的行是空白的。row.freeze() 方法。 冻结 "的行仍然存在于 Tabulator 表，但其内容却不可见。 更让人不解的是，我可以利用 row.unfreeze() 方法来恢复行在表中的原始位置，没有任何困难。

我试图在jsFiddle中重新创建这个行为，但是 row.freeze() 方法在那里完美地工作（参考 https:/jsfiddle.netfkj46sq0。). 这让我相信，我有一些错误在我的 Tabulator 设置，但我还没有发现它。

下面的一对图片说明了我看到的前后行为。

-- "冻结行 "之前。

-- 在 "冻结 "该行之后

可以看到，这行被 "冻结 "了，并被移到了顶部。Tabulator 表。 在这一行中没有可见的内容。 然而，我已经创建了一个行上下文菜单，其中包括一个 "解冻"（取消标记）方法，调用该方法将恢复该行。

下面是我的 Tabulator 设置代码。

var table = new Tabulator(divId, {
    height: "100%",
    data: [],
    layout: "fitDataFill",
    responsiveLayout: "collapse",
    reactiveData: true, //enable reactive data
    selectable: 1,
    movableRows: true, //enable user movable rows
    cellEdited: function (cell) {
        var row = cell.getRow();
        row.update({ Changed: true });  // Update the data with a new value
    },
    rowContextMenu: myActionContextMenu,
    columns: [
        { title: "ID", field: "Id", visible: false, responsive: 0, hozAlign: "center" },
        { title: "Date", field: "DateComp", width: 100, responsive: 0, hozAlign: "center", sorter: "date", editor: dateEditor, validator: [{ type: noFutureDate }] },
        { title: "Mileage", field: "Mileage", responsive: 0, hozAlign: "center", editor: "input" },
        { title: "Per Diem", field: "Perdiem", responsive: 0, hozAlign: "center", editor: true, formatter: "tickCross" },
        { title: "Added", field: "Added", visible: false, responsive: 0, hozAlign: "center" },
        { title: "Changed", field: "Changed", visible: false, responsive: 0, hozAlign: "center" },
        { title: "MarkedForExclusion", field: "MarkedForExclusion", visible: false, responsive: 0, hozAlign: "center" }
    ]
});
table.setData(getDataSync("MileageAndPerDiem", emplId))

我已经盯着这个（断断续续）好几天了。 如果能得到任何帮助，我将非常感激。

Answer 1

已解决

这个问题源于使用的 Bootstrap text-center 课堂上的方法 <div> 元素，其中包含 Tabulator 表。

之前：

<div id="myTable" class="col-lg-12 text-center" style="font-size:12px;"></div>

拆除后

<div id="myTable" class="col-lg-12" style="font-size:12px;"></div>

移除... Bootstrap text-center 类方法解决了这个问题。