Grid
Demo
Required Imports
import { GridModule } from 'nextsapien-component-lib';
Input and Output Properties

Type | Name | Description | Default | Required
--- | --- | --- | --- | ---
Input | enableSelection | Enables row selection functionality. | false | false
Input | enableGridFilters | Enables the use of grid filters. | false | false
Input | enableCreate | Enables the "Create" action in the grid. | false | false
Input | enableRefresh | Enables the refresh button in the grid. | false | false
Input | enableTrash | Enables the trash icon in the grid for deletion functionality. | false | false
Input | isLoading | Indicates whether the grid is loading data. | false | false
Input | totalRecords | Total number of records in the grid. | 0 | false
Input | rowsPerPage | Number of rows per page in the grid. | 10 | false
Input | first | Index of the first record to display. | 0 | false
Input | rowsPerPageOptions | Options for rows per page. | [10, 25, 50] | false
Input | paginatorDataTypeLabel | Label for paginator data type. | Records | false
Input | selectAllConfirmButtonLabel | Label for "Select All" confirm button. | n/a | false
Input | selectAllConfirmMsg | Message displayed when "Select All" is confirmed. | n/a | false
Input | currencyDisplayCode | Currency display code. | USD | false
Input | minimumColumnWidth | Minimum width for columns. | -1 | false
Input | sortField | Field used for sorting in the grid. | n/a | false
Input | groupByField | Field used for grouping the grid. | n/a | false
Input | gridFilterConfig | Configuration for grid filters. | n/a | false
Input | filterDefinitions | Definitions for grid filters. | n/a | false
Input | userFiltersList | List of user filters applied to the grid. | n/a | false
Input | dateFormat | Date format used in the grid. | n/a | false
Input | hideToolbar | To hide the grid toolbar section | n/a | false
Input | hideSettings | To hide the grid settings menu | n/a | false
Input | hideRowMenu | To hide the grid row menu | n/a | false
Output | lazyLoad | Event emitted for lazy loading of grid data. | n/a | false
Output | columnsChange | Event emitted when columns are changed. | n/a | false
Output | editComplete | Event emitted when an edit is completed in the grid. | n/a | false
Output | refreshData | Event emitted to refresh the grid data. | n/a | false