Custom App Module - AG Grid Table Generator

Custom Module provides the below features:

  1. Generates AG-Grid given a Data Source
  2. Automatically sets the Filter types and Date formats
  3. Provides Grid Options Applicable for all fields
  4. Dynamic Binding available for Custom Column Definitions
  5. Export to CSV button
8 Likes

Sounds great!
I am looking at the files.

This is based on the https://www.ag-grid.com/ ?

Do you have a video or screenshots of your extension in operation?

HI Roney,

Great work! I’m sure many Wappler users will be very pleased with your extension.

I do have a few tips about the packaging and distribution. You can follow the package a Wappler extension guide at:

So you can add a package.json with description and right keywords and also publish your extensions as a NPM package for even easier Wappler installation.

Also it might be useful to list the used ag_grid component as dependency in your package.json and then supply a copyFiles instructions in your hjson so that files are automatically copied. Also described in the doc above. Then it will be auto updated. Or add a cdn option.

1 Like

hi @NewMedia,
yes, its based https://www.ag-grid.com.
here are a couple of screenshots of it.


Hi @George,
Sure!, will package it for distribution.

1 Like

I didn’t get the time to fully test all aspects of it, AG grid has some pretty complex functionalities which can be brought into the Module.
I would call this release an alpha, a basic implementation of an AG grid table with most of its features, especially handy when it comes to reports.

That looks amazing. Would love to have tables like that. But $1,000 per application is way out of my budget. :frowning:

2 Likes

Hi @brad,
You don’t require the Enterprise plan, I would say the Community Edition itself is sufficient enough to do a lot more than regular tables.


Those marked with letter e, are the ones available in Enterprise plans, rest all is free.
1 Like

$999 is just for development license. Deploying to production is another $750. Both are per app and per developer. Extremely costly - but could be worth it.

The community edition is MIT licensed and also quite feature rich though. So usable.

  1. Improved Filter type detection
  2. Added Fixed/Sticky header Option

Is this no longer available? I get a 404 error for that package.

Hi @turn3636,
Its moved to a different repo now.

1 Like

Thanks

Roney,
How do you modify the AG-Grid once it is on the page? We’ve used the community edition and normally you would add your custom changes in script tag in the page and control things like column names and such but I can’t find where you are doing that here.

In the Dynamic Attributes, I have kept an option available to define the whole ColumnDefination options in case you feel the need to define the whole ColumnDefination, besides that all other options have been made available in the UI Module itself.

How do I add custom app module like this one to my nodejs app?

Got it working, but now there is a few data points i like to manipulate.

For instance i display phone number, I would like to setup a link on each phone number to trigger a server connect on click.

The date field is showing timestamp instead of just date.

Please advise.

Hi @KrishManohar
The on row click handler isn’t implemented yet, but have plans on implementing it soon.
Will also be adding a means to add toggle slider switches, and ability to pin column for Actions like edit/delete buttons.

Regarding the date field showing as timestamp, are you referring to formatted timestamp ex: 2022-02-01 10:12 PM, or just pure timestamp with the T and Z?

Thank you for the detail response, I’ll wait for the update as my data needs to be clickable to edit on the different page.

Thank you for your hard-work

1 Like