Skip to content
🚀 Rapid Application Development with the App Builder

Hide empty table column

This example, created from a user request, shows how to hide an empty table column. The provided column filter can be adapted for other purposes.

✨ Example postQuery Hook

js
((table) => {

    // Put the column to be filtered in place of columnName.

    let rows = table.instance.getRowModel().rows

    if (rows) {
        let filteredRows = rows.filter(r => r.original.columnName === null)

        if (filteredRows.length === 0) {
            table.instance.setColumnVisibility({ columnName: true })
        } else {
            table.instance.setColumnVisibility({ columnName: false })
        }
    }

})