mobigrid-module

A flexible and customizable data table interface module with advanced filtering, column management, and action handling capabilities.

Configuration Structure

The configuration object defines the structure and behavior of a data table interface. It includes filters, columns, actions, and other settings.

Container Props

The module accepts the following configuration properties:

• configUrl: URL to fetch configuration from
• preJsUrl: URL to fetch pre-processing JavaScript
• configJson: Direct configuration object (alternative to configUrl)
• preJs: Direct pre-processing JavaScript (alternative to preJsUrl)
• customHeaders: Custom HTTP headers for API requests
• itemsPerPage: Number of items to display per page
• dateFormat: Default date format for date fields
• children: React child components

Main Properties

• title: The title of the configuration
• data_url: API endpoint for fetching data
• Filters: Array of filter groups for data filtering
• columns: Defines the table columns and their properties
• extractColumns: Columns used for data export
• detailsColumns: Columns shown in detail view

Filter Types

• Select: Dropdown with options (static or dynamic from urlSource)
• Text: Basic text input
• Date: Date picker input
• Export: Export functionality
• Button: Action buttons (e.g., search)

Column Properties

• title: Column header text
• key: Data field identifier
• type: Data type (date, money, dropdown, etc.)
• pattern: Format pattern (for dates)
• actions: Available actions for dropdown columns

Additional Settings

• max_diff: Maximum difference value
• pagesNum: Number of pages
• service_path: Service implementation path
• authorized_profiles: Allowed user profile IDs
• modal_size: Size of modal windows
• components: Required component names

Example Configuration