wx-svelte-grid 1.3.0 → 1.3.2
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/package.json +23 -5
- package/readme.md +51 -12
- package/src/components/Layout.svelte +1 -1
- package/whatsnew.md +7 -0
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wx-svelte-grid",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.2",
|
|
4
|
+
"description": "A powerful and flexible DataGrid component written in Svelte",
|
|
4
5
|
"productTag": "grid",
|
|
5
6
|
"needsTrial": true,
|
|
6
7
|
"type": "module",
|
|
@@ -34,15 +35,32 @@
|
|
|
34
35
|
"wx-lib-state": "1.9.0",
|
|
35
36
|
"wx-lib-svelte": "0.4.0",
|
|
36
37
|
"wx-svelte-menu": "1.3.0",
|
|
37
|
-
"wx-svelte-core": "1.3.
|
|
38
|
-
"wx-grid-data-provider": "1.3.
|
|
39
|
-
"wx-grid-locales": "1.3.
|
|
40
|
-
"wx-grid-store": "1.3.
|
|
38
|
+
"wx-svelte-core": "1.3.1",
|
|
39
|
+
"wx-grid-data-provider": "1.3.2",
|
|
40
|
+
"wx-grid-locales": "1.3.2",
|
|
41
|
+
"wx-grid-store": "1.3.2"
|
|
41
42
|
},
|
|
42
43
|
"files": [
|
|
43
44
|
"src",
|
|
44
45
|
"readme.md",
|
|
45
46
|
"whatsnew.md",
|
|
46
47
|
"license.txt"
|
|
48
|
+
],
|
|
49
|
+
"keywords": [
|
|
50
|
+
"svelte",
|
|
51
|
+
"datagrid",
|
|
52
|
+
"data table",
|
|
53
|
+
"data-table",
|
|
54
|
+
"data grid",
|
|
55
|
+
"ui component",
|
|
56
|
+
"datatable",
|
|
57
|
+
"data-grid",
|
|
58
|
+
"svelte datagrid",
|
|
59
|
+
"svelte datatable",
|
|
60
|
+
"svar datagrid",
|
|
61
|
+
"svar widgets",
|
|
62
|
+
"svelte-datagrid",
|
|
63
|
+
"svelte-data-grid",
|
|
64
|
+
"svelte-table"
|
|
47
65
|
]
|
|
48
66
|
}
|
package/readme.md
CHANGED
|
@@ -1,20 +1,53 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="center">
|
|
2
|
+
|
|
3
|
+
# SVAR Svelte DataGrid | Data Table
|
|
2
4
|
|
|
3
|
-
|
|
5
|
+
</div>
|
|
4
6
|
|
|
5
|
-
|
|
7
|
+
<div align="center">
|
|
6
8
|
|
|
7
|
-
|
|
8
|
-
- [How to start guide](https://docs.svar.dev/svelte/grid/getting_started/)
|
|
9
|
-
- [Demos](https://docs.svar.dev/svelte/grid/samples/#/base/willow)
|
|
9
|
+
[Website](https://svar.dev/svelte/datagrid/) • [Getting Started](https://docs.svar.dev/svelte/grid/getting_started/) • [Demos](https://docs.svar.dev/svelte/grid/samples/#/base/willow)
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
</div>
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
<div align="center">
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
[](https://www.npmjs.com/package/wx-svelte-grid)
|
|
16
|
+
[](https://github.com/svar-widgets/grid/blob/main/license.txt)
|
|
17
|
+
[](https://www.npmjs.com/package/wx-svelte-grid)
|
|
18
|
+
[](https://github.com/svar-widgets/grid)
|
|
16
19
|
|
|
17
|
-
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
[SVAR DataGrid](https://svar.dev/svelte/datagrid/) is an advanced Svelte component that enhances standard data tables, enabling you to create high-performance, feature-rich data grids that efficiently handle large data sets. Fully customizable, it supports inline editing with a variety of cell editors to meet diverse project requirements.
|
|
24
|
+
|
|
25
|
+
<div align="center">
|
|
26
|
+
<img src="https://cdn.svar.dev/public/react-grid.png" alt="SVAR Svelte DataGrid - Screenshot" width="700">
|
|
27
|
+
</div>
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
# :sparkles: Key Features
|
|
31
|
+
|
|
32
|
+
- High performance (virtual scrolling and dynamic loading)
|
|
33
|
+
- In-cell editing with different cell editors (datepicker, combo, select, rich select, etc.)
|
|
34
|
+
- Sorting by multiple columns
|
|
35
|
+
- Responsive design to adapt to different screen/container sizes
|
|
36
|
+
- Multiple row selection
|
|
37
|
+
- Fixed columns
|
|
38
|
+
- Expandable/collapsible columns
|
|
39
|
+
- Customizable tooltips for grid cells
|
|
40
|
+
- Context menu
|
|
41
|
+
- Tree-like structure
|
|
42
|
+
- Paging
|
|
43
|
+
- Export to CSV
|
|
44
|
+
- Keyboard navigation
|
|
45
|
+
- RestDataProvider for easy backend data binding
|
|
46
|
+
- Dark and light skins
|
|
47
|
+
|
|
48
|
+
# :hammer_and_wrench: How to Use
|
|
49
|
+
|
|
50
|
+
To use SVAR DataGrid, simply import the package and include the component in your Svelte file:
|
|
18
51
|
|
|
19
52
|
```svelte
|
|
20
53
|
<script>
|
|
@@ -47,15 +80,16 @@ To use the widget, simply import the package and include the component in your S
|
|
|
47
80
|
|
|
48
81
|
<Grid {data} {columns} />
|
|
49
82
|
```
|
|
83
|
+
For further instructions, see the detailed [how-to-start guide](https://docs.svar.dev/svelte/grid/getting_started).
|
|
50
84
|
|
|
51
|
-
### How to Modify
|
|
85
|
+
### :computer: How to Modify
|
|
52
86
|
|
|
53
87
|
Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:
|
|
54
88
|
|
|
55
89
|
1. Run `yarn` to install dependencies. Note that this project is a monorepo using `yarn` workspaces, so npm will not work
|
|
56
90
|
2. Start the project in development mode with `yarn start`
|
|
57
91
|
|
|
58
|
-
### Run Tests
|
|
92
|
+
### :white_check_mark: Run Tests
|
|
59
93
|
|
|
60
94
|
To run the test:
|
|
61
95
|
|
|
@@ -67,3 +101,8 @@ To run the test:
|
|
|
67
101
|
```sh
|
|
68
102
|
yarn test:cypress
|
|
69
103
|
```
|
|
104
|
+
|
|
105
|
+
### :speech_balloon: Need Help?
|
|
106
|
+
|
|
107
|
+
Join our [community forum](https://forum.svar.dev) to get help or post feature requests.
|
|
108
|
+
|
package/whatsnew.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
|
+
### 1.3.2
|
|
2
|
+
|
|
3
|
+
- [fix] editors in tree mode are not applied correctly
|
|
4
|
+
- [fix] ts definitions are not precise
|
|
5
|
+
- [deps] uses core@1.3.1
|
|
6
|
+
|
|
1
7
|
### 1.3.0
|
|
2
8
|
|
|
9
|
+
- [update] more convenient way of using the built-in and external ContextMenu
|
|
3
10
|
- [deps] uses core@1.3.0
|
|
4
11
|
|
|
5
12
|
### 1.2.4
|