@deephaven/grid 0.11.2-js-plugins.1 → 0.11.3-beta.0
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 +5 -5
- package/package.json +6 -4
package/README.md
CHANGED
|
@@ -12,11 +12,11 @@ npm install --save @deephaven/grid
|
|
|
12
12
|
|
|
13
13
|
## Usage
|
|
14
14
|
|
|
15
|
-
There are many ways to use the @deephaven/grid package. The minimum requirement for displaying a grid is to implement the [GridModel](
|
|
15
|
+
There are many ways to use the @deephaven/grid package. The minimum requirement for displaying a grid is to implement the [GridModel](https://github.com/deephaven/web-client-ui/blob/main/packages/grid/src/GridModel.ts) class and pass that in as a prop. Below are a few different examples of different ways to extend the `GridModel`.
|
|
16
16
|
|
|
17
17
|
### Displaying static data
|
|
18
18
|
|
|
19
|
-
It's easy to display a static array of data using [StaticDataGridModel](
|
|
19
|
+
It's easy to display a static array of data using [StaticDataGridModel](https://github.com/deephaven/web-client-ui/blob/main/packages/grid/src/StaticDataGridModel.ts). All you need to do is pass in the data you would like to display, and it will display it.
|
|
20
20
|
|
|
21
21
|
```jsx
|
|
22
22
|
import React, { useState } from 'react';
|
|
@@ -43,7 +43,7 @@ export default GridExample;
|
|
|
43
43
|
|
|
44
44
|
### Quadrillions of rows and columns
|
|
45
45
|
|
|
46
|
-
Both rows and columns are virtualized in this grid solution, so you can theoretically have up to `Number.MAX_SAFE_INTEGER` (about 9 quadrillion) rows and columns. Not only are the row and columns virtualized, but you can drag columns/rows to reposition them without affecting the underlying model, effectiively allowing quadrillions of rows and columns that can be moved around. Here is an example using [MockGridModel](
|
|
46
|
+
Both rows and columns are virtualized in this grid solution, so you can theoretically have up to `Number.MAX_SAFE_INTEGER` (about 9 quadrillion) rows and columns. Not only are the row and columns virtualized, but you can drag columns/rows to reposition them without affecting the underlying model, effectiively allowing quadrillions of rows and columns that can be moved around. Here is an example using [MockGridModel](https://github.com/deephaven/web-client-ui/blob/main/packages/grid/src/MockGridModel.ts) that displays quadrillions of rows/columns, which you can scroll around using the mouse or keyboard, edit by double clicking on a value or by typing, or move columns or rows by dragging the headers:
|
|
47
47
|
|
|
48
48
|
```jsx
|
|
49
49
|
import React, { useState } from 'react';
|
|
@@ -67,7 +67,7 @@ export default GridQuadrillionExample;
|
|
|
67
67
|
|
|
68
68
|
### Expandable rows
|
|
69
69
|
|
|
70
|
-
Some data can be displayed as a tree. This example uses [MockTreeGridModel](src/MockTreeGridModel.ts) to display exandable rows of data:
|
|
70
|
+
Some data can be displayed as a tree. This example uses [MockTreeGridModel](https://github.com/deephaven/web-client-ui/blob/main/packages/grid/src/MockTreeGridModel.ts) to display exandable rows of data:
|
|
71
71
|
|
|
72
72
|
```jsx
|
|
73
73
|
import React, { useState } from 'react';
|
|
@@ -153,7 +153,7 @@ export default AsyncExample;
|
|
|
153
153
|
|
|
154
154
|
## Code Examples
|
|
155
155
|
|
|
156
|
-
There are [code examples](
|
|
156
|
+
There are [code examples](https://github.com/deephaven/web-client-ui/tree/main/packages/code-studio/src/styleguide/grid-examples) available in the [StyleGuide](https://github.com/deephaven/web-client-ui/tree/main/packages/code-studio/src/styleguide).
|
|
157
157
|
|
|
158
158
|
# Legal Notices
|
|
159
159
|
|
package/package.json
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@deephaven/grid",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.3-beta.0+548192a",
|
|
4
4
|
"description": "Deephaven React grid component",
|
|
5
5
|
"author": "Deephaven Data Labs LLC",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
10
|
-
"url": "https://github.com/deephaven/web-client-ui"
|
|
10
|
+
"url": "https://github.com/deephaven/web-client-ui.git",
|
|
11
|
+
"directory": "packages/grid"
|
|
11
12
|
},
|
|
12
13
|
"main": "dist/index.js",
|
|
13
14
|
"types": "dist/index.d.ts",
|
|
@@ -33,7 +34,8 @@
|
|
|
33
34
|
},
|
|
34
35
|
"devDependencies": {
|
|
35
36
|
"@babel/cli": "^7.16.0",
|
|
36
|
-
"@deephaven/tsconfig": "^0.11.
|
|
37
|
+
"@deephaven/tsconfig": "^0.11.3-beta.0+548192a",
|
|
38
|
+
"@types/color-convert": "^2.0.0",
|
|
37
39
|
"@types/lodash.clamp": "^4.0.6",
|
|
38
40
|
"@types/prop-types": "^15.7.3",
|
|
39
41
|
"@types/react": "^17.0.2",
|
|
@@ -59,5 +61,5 @@
|
|
|
59
61
|
"publishConfig": {
|
|
60
62
|
"access": "public"
|
|
61
63
|
},
|
|
62
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "548192a2271314cce046487728c4ba18291d3dcd"
|
|
63
65
|
}
|