grid-component-react-ex-1

React - Grid component

Reusable grid component

npm install grid-component-react-ex

You’ll need to install React and PropTypes separately since those dependencies aren’t included in the package.

<GridComponent Table={Table} // Name of entity SearchBoxComponent={SearchBoxComponent} // Search component input field SearchBoxClass={SearchBoxClass} // Search componet name of classes PlaceHolderText={PlaceHolderText} // Search componet placeholder text SearchBoxStyle={SearchBoxStyle} // Search component style RemoveSearch={RemoveSearch} // Name of localstorage key. to remove search data setFilterBySearch={setFilterBySearch} // Set filter data function, where set filter information SearchString={SearchString} // Search string state variable DisplayExport={DisplayExport} // Allow export or not (true | false) IsAllowExport={IsAllowExport} IsAllowAllButtons={IsAllowAllButtons} DefaultButton={DefaultButton} ExportIcon={ExportIcon} ExportText={ExportText} ExportClass={ExportClass} PreviewPDFReport={PreviewPDFReport} FilterClass={FilterClass} FilterSecondaryText={FilterSecondaryText} FilterButtonText={FilterButtonText} FilterIcon={FilterIcon} FetchAdvanceFilterData={FetchAdvanceFilterData} SelectedColumn={SelectedColumn} FilterBySearch={FilterBySearch} StoreMethod={StoreMethod} UrlRoute={UrlRoute} PrimaryButton={PrimaryButton} IsAllowWriteInfo={IsAllowWriteInfo} AddIcon={AddIcon} AddButtonClass={AddButtonClass} OpenAddForm={OpenAddForm} AddButtonText={AddButtonText} OpenColumnPanel={OpenColumnPanel} RemoveSearchButton={RemoveSearchButton} SearchPara={SearchPara} SetSearchPara={SetSearchPara} SearchParaElements={SearchParaElements} SetSearchParaElement={SetSearchParaElement} ParentTable={ParentTable} JoinTable={JoinTable} TableHead={TableHead} TableBody={TableBody} ColumnIndex={ColumnIndex} SortData={SortData} OrderBy={OrderBy} SortBy={SortBy} AllowAccess={AllowAccess} ModuleId={ModuleId} CommonGetSiteDataApi={CommonGetSiteDataApi} GetEditableData={GetEditableData} ViewApi={ViewApi} SetLoading={SetLoading} History={History} Dispatch={Dispatch} ViewFormUrl={ViewFormUrl} EditFormUrl={EditFormUrl} ToggleHideDialog={ToggleHideDialog} ConfirmArchive={ConfirmArchive} ExportPdfReport={ExportPdfReport} ReportName={ReportName} AllowViewInfo={AllowViewInfo} AllowExportInfo={AllowExportInfo} AllowEditInfo={AllowEditInfo} AllowDeleteInfo={AllowDeleteInfo} AllowPrimaryInfo={AllowPrimaryInfo} AssignApi={AssignApi} SetFieldsAsPrimary={SetFieldsAsPrimary} EntityName={EntityName} FieldId={FieldId} TotalRecord={TotalRecord} PostsPerPage={PostsPerPage} CheckSpinner={CheckSpinner} LoadMoreData={LoadMoreData} SpinnerButton={SpinnerButton} toggleHideDialog={toggleHideDialog} alertClicked={alertClicked} RemoveAdvFilter={RemoveAdvFilter} MenuItems={menuItems} AddUserToArchive={AddUserToArchive} ArchiveButtonText={ArchiveButtonText} IsAllowArchive={IsAllowArchive} ToggleArchiveClientList={ToggleArchiveClientList} IsArchive={IsArchive} toggleHideDialog={toggleHideDialog} alertClicked={alertClicked} UseParamsData={parseInt(UseParamsData)} IsAllowDragDrop={IsDragDrop} HandleDragDrop={HandleDragDrop} ChangeOrderButtonText={ChangeOrderButtonText} IsModalOpen={IsModalOpen} AllowModelOpen={AllowModelOpen} />