Which table/grid components to use?

Questions
1

Experimenting with the table component of Servoy Extra Components, I am wondering if the usage of the table is still recommended by Servoy?
One “little” thing is that I stumbled over the sort arrow background which is not transparent but has a fixed color (SVY-10542) which prevents using another table header color (for a good looking UI). As this request (making bg transparent) is quite old, I would like to hear about the above asked recommendation for using which future proofed components. Like should one preferably use Servoy NG Grids?

Thanks for shedding some light on this.

Regards,

2

Hi Robert,

as far as I know, the table component in the Servoy Extra Components will still be maintained.
In fact it’s the only table component which is responsive (ie. it can grow if you have more rows in it)

Whenever I don’t have that requirement I use the Servoy Data Grid.

If you need pivot functionality you can use the Servoy Power Grid.

In case you need to display content from a dataset, you can now transform the dataset in to an In Memory table and use that in the Servoy Data Grid (or Table component from Servoy Extra Components)

Hope this helps

3

Hi Marc

Thanks, I was just wondering because there are quite old issues like the arrow background. Thanks for the additional hints to data grids.

BTW, do you know if it’s possible to change the sort arrow in data grid to let it appear as the same triangle (instead of arrow) as in servoyextra table and in “old” table view layout columns? To have a consistent UI, if this forms are mixed.

Best regards,

4

I did a little test on one of my data grids to attempt to change the sort icons.
At JavaScript Grid: Custom Icons | AG Grid there is mention of custom icons using gridOptions- but maybe they are for a different ag-grid than what Servoy currently has.
The property gridOptions is set to:
sortAscending = “UP”
sortDescending=“DN”
but this is not allowed.
The error message “gently” hints: " to see all the valid gridOptions properties please check:JavaScript Grid: Grid Options Reference | AG Grid "
In that link there is only "unSortIcon=true’ in order to show the unsort icon. This does work in Servoy version 2020.12.1 with Servoy NG Grids 2.6.3 (latest).

Hope that helps…maybe NG2 will improve the situation.

5

This is, what I added to the style sheet to display other sort icons:

.ag-theme-bootstrap .ag-icon-asc:before {
    font-family: "agGridClassic";
    content: "\E92f";
}

.ag-theme-bootstrap .ag-icon-desc:before {
    font-family: "agGridClassic";
    content: "\E92c";
}

Maybe this helps.
Regards
Birgit