Datagrid component?

[rsyring]

What do you all do for something like a datagrid component? List records, checkbox for bulk actions, sorting, filters, pagination, etc.

Do you do it all in hypergen or use a JS library? Any examples?

Thanks.

[runekaagaard]

Hi, Hypergen can easily handle a datagrid. I don't have code for a datagrid that i can share, but you would:

1. `Display the grid something like tihs:

with table:
    tr(th(x) for x in ["Id", "Name", "Phone"])
    for obj in MyModel.objects.filter(...):
        with tr():
            td(obj.id)
            td(obj.name)
            td(obj.phone)

2. Use form inputs (https://hypergen.it/inputs/) and send their value in an action (https://hypergen.it/coredocs/liveviews/) and have the action update the grid.

A good example of UI interactions could be the todomvc example: https://hypergen.it/todomvc/` - click "Show sources" for the code.