Table Fully Re-renders When Out of Tab

Getting help Issues
,
4

Hey, quickly reporting back. So I tried the “viewportRowRenderingOffset” trick, as well as a couple of performance recomendations including setting row heights and removing some of my custom renderers, but still the same results. Seems like once outside view, the table renders all of the rows (about 4k) causing a slowdown.Can I cancel or pause re-renders when clicking outside?

This is my current configuration:

    // The number of rows that will render outside the regular viewport
    viewportRowRenderingOffset: 15,

    hiddenColumns: {
        columns: hiddenColumnIdxs,
        indicators: false,
        copyPasteEnabled: false,
    },

    // Avoid rendering all rows at once to improve performance
    height: "550px",
    renderAllRows: false,

    // Enable the column menu and filtering
    dropdownMenu: ['filter_by_condition', 'filter_by_value', 'filter_action_bar'],
    filters: true,

    // Be able to sort row data by clicking on the column headers
    columnSorting: true,

    // Menu when you right click on a cell
    contextMenu: [
        "undo",
        "redo",
        "---------",
        "copy",
        "cut"
    ],

    width: '100%',
    stretchH: 'all',