How to sort a datagrid in weweb

hello everybody, i have a problem with the datagrid i want to sort data but the icon sort in the datagrid don’t work and isn’t visible . i don’t knows why it’s a bug ?

Hi @devgeorgio :wave:

It’s a limitation of the current data grid.

You could add icons on your data grid headers and use a workflow to sort the data bound to the data grid:

Bear in mind that “ASC” and “DESC” need to be uppercase.

For now, we recommend building your own custom data grid using inputs inside a table element and adding your own sort icons.

It’s a little time consuming so not ideal. We will fix that as soon as we release components to make more tables available with out of the box functionalities.

Does that make sense?

@devgeorgio Hi, its display bug, it was a work in progress feature the icon should not show up, we will remove it

Hi Joyce,

this limitaion yeat persist?

Thanks

Cedric

Is this still a limitation? I was not able to add any icons for headers in data grid? Have you guys made any update to provide this functionality of sorting and filtering within the grid?

Hi @ syedabdullah! Welcome to the WeWeb community.

While the data grid is certainly faster, its not too hard to build a data grid from scratch to solve this limitation. Below you’ll see that I have icons in my headers—granted they are for sorting, and that’s a bit more complicated to get into.

The structure I’ve used:

* Header
    * Column
      * Icon
      * Title
    * Column
      * Icon
      * Title
    * Column
      * Icon
      * Title
* Rows (bind your collection here)
  * Row (will repeat for each item in your collection)
    * Column
      * Text
    * Column
      * Text
    * Column
      * Text

** the hurdle here is to manually set the width of the header columns and the row columns to the same. 

image

Thanks for response but what’s the point of doing this if they are calling it low code tool. There should be lot of built in widgets. Doing sorting and filtering manually is a hassle

I’m trying to figure out if I should go for fluttetflow or weweb