Model Table

The ModelTableComponent is a reusable Angular component designed to display and manage a collection of objects in a tabular format. It supports features such as pagination, import/export, and context menu actions.

Usage

The component can be used by adding the <base-model-table> tag to the HTML template and binding necessary input properties. It emits events for ID selection and create mode changes.

<base-model-table
  [modelName]="modelName"
  [objectId]="objectId"
  [createMode]="createMode"
  [logging]="logging"
  [create]="create"
  [update]="update"
  [delete]="delete"
  [import]="import"
  [export]="export"
  [duplicate]="duplicate"
  [modelConfig]="modelConfig"
  [config]="config"
  [showFavButton]="showFavButton"
  (idSelected)="onIdSelected($event)"
  (createModeChanged)="onCreateModeChanged($event)"
></base-model-table>

Styling

The component utilizes Bootstrap classes and custom styling to achieve a responsive and visually appealing design.

Notes

  • Ensure that the necessary GraphQL services, meta-data, and configurations are set up for the component to work correctly.
  • The component supports customization through input properties and custom form templates.

For more detailed information, refer to the inline code comments in the source files.

Table of Contents