grid-component-react-ex/readme

Grid component with all functionality

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}
/>