DataTables

Is this easy to implement in Wappler? Or is this already possible with existing Wappler functionality, and if so, how? Thanks in advance and best regards - Dick

yes you can use datatable but why don’t you make your own datatable. You can make it easly with wappler

I already managed to create a reponsive table connected to data api source, but now I’m stuck with the max. number of row per page and navigation to next/previous set, sorting, etc. So where do I go from here. Thanks again and best regards!

you can use table generator and paging generator .

sortable table

Filtering Database Query with a Text Input

Applying Dynamic Paging

2 Likes

Hi Serhat, thanks for taking your time and your suggestions. Unfortunately, this is not exactly what I’m looking for. What I want to achieve is getting a few hundred records in a JSON array via a data api and do the paging, sorting and finding/filtering client side.

I use it as a server side with over 10 million data (we are voip provider) and there is no problem.

With wappler, you can handle server-side or client-side.
You can also use a different datatable.

Ok … I’ll try to get client side paging, sorting and filtering working in Wappler first as I prefer to stick with the app’s native functionality. Would be nice if somebody has a working example of this in Wappler though …

Is this perhaps a place to start?


Hi Dick,
Yes, you need to use the data view component as a source for the table and paging generators.
Just add a data view and select your source data. The Data View component allows you to sort/filter data clientside.
The tutorials Serhat pointed are using a database source, but it’s the same for the Data View component :slight_smile:

1 Like

Hi Teodor, thanks … I’ll take a look at it tonight. I’m digging through your documentation and am starting to get the hang of Wappler … really like the look and especially feel of Wappler … keep up the good work!!!

3 Likes

Hi Teodor, where do I find more information of the Data View component in your documentation?