How to deselect all rows in ui.table

[gbrandt]

Apologies, I am new at all this...

I cannot figure out how to deselect all the rows in a ui.table. I see a deselect_rows() call in AgGrid, but have no idea how to call it. I tried call ui.run_javascript( "cached_grid_def['gxxx'].api.deselectAll() where xxx was my table.view.id and that did not work, although it worked in the javascript console in my browser.

Any help would be appreciated.

[rodja]

Have you awaited the ui.run_javascript-call? It also must be placed in an async function.

And it can only run after the page has been loaded. If you run the javascript call on button click or similar, this is obviously the case. If you need to do this on page creation, try the yield mechanism described at https://nicegui.io/reference#yielding_for_page-ready.

[falkoschindler]

You can use JustPy's AgGrid API to send commands via run_api. Alternatively you can send a plain JavaScript command. Here is an example demonstrating both solutions:

#!/usr/bin/env python3
from nicegui import ui

table = ui.table({
    'columnDefs': [{'field': 'name'}],
    'rowData': [
        {'name': 'Alice'},
        {'name': 'Bob'},
        {'name': 'Carol'},
    ],
    'rowSelection': 'multiple',
    'rowMultiSelectWithClick': True,
}).classes('max-h-40')

async def deselect1():
    await table.view.run_api('deselectAll()', table.page)

async def deselect2():
    await ui.run_javascript(f'cached_grid_def["g{table.view.id}"].api.deselectAll()')

ui.button('Deselect 1', on_click=deselect1)
ui.button('Deselect 2', on_click=deselect2)

ui.run()

[canDry]

AttributeError: 'Table' object has no attribute 'view'

[falkoschindler]

Since NiceGUI 1.0 you can deselect table rows as follows:

ui.button('Deselect', on_click=lambda: table.call_api_method('deselectAll'))