Build an html page with data grid from json

Job ID: 32348052

Budget: $10 – $30 USD

Hello,

I need an html page build with a data grid (that supports sorting, searching, paging) and load the json from this url: https://www.rabbitseo.com/jsonKeywordForWebsite.action?_search=false&rows=500&page=1&sidx=&sord=asc

As you can see it is possible also to make the paging / sorting on the server side.

Each row can contain a subgrid, the rows should be fetched from this url:
https://www.rabbitseo.com/jsonByKeywordForWebsiteWebsiteGooglePosition.action?id=679806&_search=false&nd=1638033051949&rows=-1&page=1&sidx=&sord=asc

User should have an option to select which columns to show or hide, because if you display all json field the table will be wide.

Attached is the current working example, I hope to get a better UI design than that.

Note, this is just one screen that I need to redesign, if project is successful we can continue more milestones to other pages in the app.
Related categories: JavaScript Website Design HTML5 HTML jQuery