制表符：添加并滚动到新行答案

【问题标题】：Tabulator: Add and Scroll to New row制表符：添加并滚动到新行
【发布时间】：2021-06-27 02:48:42
【问题描述】：

我有一个包含时间序列数据的制表符表。我目前没有此数据的索引，因为我不希望它显示给用户。

我还有一个按钮可以触发table.addRow() 以允许手动输入新记录。但是由于布局，这一行是不可见的，您必须滚动才能看到它。由于我没有索引（因为该行是空白的，所以无论如何也不会），有没有办法滚动查看它。

在该新行的 TmStamp 列上激活输入编辑器的奖励积分。

带有非工作滚动的示例 javascript：

var table = new Tabulator("#datatable", {
    ajaxURL: getUrlVars(),
    height:"540px",
    layout:"fitColumns",
    placeholder:"No Data Set",
    layout:"fitDataFill",
    layoutColumnsOnNewData:true,
    selectable:false,
    initialSort:[
        {column:"TmStamp", dir:"asc"}],
    columns:[
       {title:"TimeStamp", field:"TmStamp", sorter:"datetime", width:250, hozAlign:"center", editor:dateEditor, frozen:true, formatterParams:{
        inputFormat:"YYYY-MM-DDTHH:mm:ss.sssZ",outputFormat:"YYYY-MM-DD hh:mm A",invalidPlaceholder:"(invalid date)",timezone:"America/Chicago"}},
       {title:"Pressure", field:"pressure", sorter:"number", formatter:"number",editor:"input"}
],
});


document.getElementById("addrow").addEventListener("click", function(){
    table.addRow({}).then((row) => {
    }).then(table.scrollToRow(table.getDataCount(),"top"));
});

【问题讨论】：

标签： tabulator

【解决方案1】：

新完成的行的Row Component 被传递到从addRow 函数返回的promise 中，您可以在此调用scrollTo 函数滚动到它：

table.addRow({})
.then((row) => {
    row.scrollTo();
});

【讨论】：