Таблица табулятора не меняет размер после изменения разрешения окна

Question

У меня есть таблица табулятора. Я добавил слушателя для просмотра события изменения размера окна. Внутри события изменения размера у меня есть table.redraw (true). Код срабатывает при изменении разрешения. Хотя табулятор перерисовывается, он никогда не выравнивается должным образом. Несколько столбцов скрыты. Но если я обновлю sh страницу, таблица будет нарисована правильно. Я не хочу добавлять refre sh каждый раз при изменении разрешения. Есть ли другой вариант, который я могу попробовать?

this.myTable = new Tabulator("#myTab", {
    layout:"fitColumns",      //fit columns to width of table
    data: this.tableData,
    columns:this.columns,
    maxHeight:"100%",
    autoResize:true,
    resizableColumns:false,
    resizableRows:false, 
    responsiveLayout:true,  //hide columns that dont fit on the table
    tooltips:true,            //show tool tips on cells
    addRowPos:"top",          //when adding a new row, add it to the top of the table
    history:true,             //allow undo and redo actions on the table
    pagination:"local",       //paginate the data
    paginationSize:10,         //allow 7 rows per page of data
    movableColumns:true, 
    initialSort:[             //set the initial sort order of the data
        {column:"name", dir:"asc"}
    ]
});

window.addEventListener('resize',(event)=>{                
    this.myTable.redraw(true);
});

Answer 1

Возможно, вам потребуется добавить setTimeout к вашей функции перерисовки, если странице требуется некоторое время, чтобы успокоиться после изменения разрешения:

setTimeout(function() {
    table.redraw(true);
}, 500);