ms-data-grid 0.0.21 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -9,7 +9,6 @@ A **powerful, enterprise-grade Angular data grid component** designed for modern
|
|
|
9
9
|
- 📱 **Responsive Design** - Works seamlessly on all devices
|
|
10
10
|
- 🔍 **Advanced Filtering** - Multiple filter types and global search
|
|
11
11
|
- 📊 **Column Management** - Sorting, pinning, and grouping
|
|
12
|
-
- ⚡ **Real-time Updates** - Dynamic data binding
|
|
13
12
|
- 🛠️ **Taskbar Actions** - Built-in action buttons and controls
|
|
14
13
|
- 📄 **Pagination** - Efficient data pagination
|
|
15
14
|
- ✅ **Row Selection** - Single and multiple row selection
|
|
@@ -23,58 +22,87 @@ A **powerful, enterprise-grade Angular data grid component** designed for modern
|
|
|
23
22
|
npm install ms-data-grid
|
|
24
23
|
|
|
25
24
|
|
|
26
|
-
##
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
| `
|
|
32
|
-
| `
|
|
33
|
-
| `
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
|
37
|
-
|
|
38
|
-
| `
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `bodyBackgroundColor`
|
|
42
|
-
| `
|
|
43
|
-
| `
|
|
44
|
-
| `
|
|
45
|
-
| `
|
|
46
|
-
| `
|
|
47
|
-
| `
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
|
51
|
-
|
|
52
|
-
| `
|
|
53
|
-
| `
|
|
54
|
-
| `
|
|
55
|
-
| `
|
|
56
|
-
| `
|
|
57
|
-
| `
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
|
61
|
-
|
|
62
|
-
| `
|
|
63
|
-
| `
|
|
64
|
-
| `
|
|
65
|
-
| `
|
|
66
|
-
| `
|
|
67
|
-
| `
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
|
73
|
-
|
|
74
|
-
| `
|
|
75
|
-
| `
|
|
76
|
-
|
|
77
|
-
|
|
25
|
+
## 📋 Configuration Properties
|
|
26
|
+
|
|
27
|
+
### Core Data Properties
|
|
28
|
+
| Property | Type | Description |
|
|
29
|
+
|----------|------|-------------|
|
|
30
|
+
| `columns` | `Array` | Table columns configuration |
|
|
31
|
+
| `dataSet` | `Array` | Data to display in the grid |
|
|
32
|
+
| `loading` | `boolean` | Show loading indicator |
|
|
33
|
+
|
|
34
|
+
### Styling & Appearance
|
|
35
|
+
| Property | Type | Description |
|
|
36
|
+
|----------|------|-------------|
|
|
37
|
+
| `evenRowsBackgroundColor` | `string` | Even rows background color |
|
|
38
|
+
| `oddRowsBackgroundColor` | `string` | Odd rows background color |
|
|
39
|
+
| `headerBackgroundColor` | `string` | Header row background color |
|
|
40
|
+
| `bodyBackgroundColor` | `string` | Table body background color |
|
|
41
|
+
| `leftPinnedBackgroundColor` | `string` | Left pinned columns background |
|
|
42
|
+
| `rightPinnedBackgroundColor` | `string` | Right pinned columns background |
|
|
43
|
+
| `checkedRowBackgroundColor` | `string` | Selected rows background color |
|
|
44
|
+
| `sidemenuBackgroundColor` | `string` | Side menu background color |
|
|
45
|
+
| `checkboxesBackgroundColor` | `string` | Checkboxes background color |
|
|
46
|
+
| `dropdownsBackgroundColor` | `string` | Dropdown menus background color |
|
|
47
|
+
|
|
48
|
+
### Text & Typography
|
|
49
|
+
| Property | Type | Description |
|
|
50
|
+
|----------|------|-------------|
|
|
51
|
+
| `fontFamily` | `string` | Font family for the table |
|
|
52
|
+
| `bodyTextColor` | `string` | Body text color |
|
|
53
|
+
| `headerTextColor` | `string` | Header text color |
|
|
54
|
+
| `headerTextFontsSize` | `string` | Header text font size |
|
|
55
|
+
| `bodyTextFontsSize` | `string` | Body text font size |
|
|
56
|
+
| `bodyFontWeight` | `number` | Body text font weight |
|
|
57
|
+
|
|
58
|
+
### Features & Functionality
|
|
59
|
+
| Property | Type | Description |
|
|
60
|
+
|----------|------|-------------|
|
|
61
|
+
| `showColumnsGrouping` | `boolean` | Enable/disable column grouping |
|
|
62
|
+
| `showVerticalBorder` | `boolean` | Show/hide vertical borders |
|
|
63
|
+
| `showFilterRow` | `boolean` | Show/hide filter row |
|
|
64
|
+
| `showCellDetailsBox` | `boolean` | Show/hide cell details popup |
|
|
65
|
+
| `showTaskbar` | `boolean` | Show/hide taskbar |
|
|
66
|
+
| `rowShadingEnabled` | `boolean` | Enable/disable row shading |
|
|
67
|
+
|
|
68
|
+
### Search & Filtering
|
|
69
|
+
| Property | Type | Description |
|
|
70
|
+
|----------|------|-------------|
|
|
71
|
+
| `tableSearch` | `string` | Global search text |
|
|
72
|
+
| `globalSearchText` | `string` | Text for global search |
|
|
73
|
+
| `filtersConfig` | `object` | Filters configuration |
|
|
74
|
+
| `tableFilterViewId` | `string` | Selected filter view ID |
|
|
75
|
+
|
|
76
|
+
### Configuration Objects
|
|
77
|
+
| Property | Type | Description |
|
|
78
|
+
|----------|------|-------------|
|
|
79
|
+
| `paginationConfig` | `object` | Pagination settings |
|
|
80
|
+
| `sortingConfig` | `object` | Sorting configuration |
|
|
81
|
+
| `tableView` | `Array` | Table view configurations |
|
|
82
|
+
| `taskbarActions` | `Array` | Available taskbar actions |
|
|
83
|
+
|
|
84
|
+
### Layout & Scrolling
|
|
85
|
+
| Property | Type | Description |
|
|
86
|
+
|----------|------|-------------|
|
|
87
|
+
| `selectedTableLayout` | `string` | Selected table layout |
|
|
88
|
+
| `horizintalScrollbarWidth` | `string` | Horizontal scrollbar width |
|
|
89
|
+
| `verticalScrollbarWidth` | `string` | Vertical scrollbar width |
|
|
90
|
+
|
|
91
|
+
### State Management
|
|
92
|
+
| Property | Type | Description |
|
|
93
|
+
|----------|------|-------------|
|
|
94
|
+
| `checkboxState` | `boolean` | Checkbox state reset flag |
|
|
95
|
+
| `closeDropdown` | `boolean` | Close dropdown flag |
|
|
96
|
+
| `singleSpaAssetsPath` | `string` | Single-spa assets path |
|
|
97
|
+
|
|
98
|
+
## 📤 Event Outputs
|
|
99
|
+
|
|
100
|
+
| Event | Payload Type | Description |
|
|
101
|
+
|-------|--------------|-------------|
|
|
102
|
+
| `genericEvent` | `any` | Generic table events (row clicks, selections, etc.) |
|
|
103
|
+
| `filterOptions` | `any` | Filter options when filters are applied |
|
|
104
|
+
| `createUpdateConfigListing` | `any` | Updated table configuration changes |
|
|
105
|
+
| `sortingOrderOptions` | `any` | Sorting order selection events |
|
|
78
106
|
|
|
79
107
|
```
|
|
80
108
|
|