...
Initial MDMS call is being made on page load.
All the Forms and its functionality are in https://github.com/egovernments/frontend/tree/master/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/bills/billSearchResources path.
Table rendering is taken care in https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558master/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abgbills/billSearchResources/searchResults.js
The Bill search API and formatting data is in done in https://github.com/egovernments/frontend/blob/63e2295cf784b937c296078dc8bdb27efc85513emaster/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abgbills/billSearchResources/function.js
Table Structure
MUIDataTable
is used to implement Table component.Every columns are entry given as an Object
...
Once the data is fetched using egov-searcher/bill-genie/billswithaddranduser/_get
API, the returned data is formatted and dispatched to redux
https://github.com/egovernments/frontend/blob/63e2295cf784b937c296078dc8bdb27efc85513emaster/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abgbills/billSearchResources/function.js
...
As we can see from the image above, the data is put to specific path inside props.
https://github.com/egovernments/frontend/blob/80c5bff5b0869ba44f1626fabe4a5a6133afa558master/web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abgbills/billSearchResources/searchResults.js
...
Table component now fetches the data from its props as shown below.
...
Api Used :
egovegov-mdms-service/v1/_search,
egov-searcher/bill-genie/billswithaddranduser/_get
...