You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/main/src/components/AnalyticalTable/Recipes.mdx
+6-6Lines changed: 6 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -10,9 +10,9 @@ import { MessageStrip } from '../../webComponents/index';
10
10
11
11
## How to add your own plugin hooks?
12
12
13
-
The `AnalyticalTable` internally uses all plugin hooks of the [react-table](https://github.com/tannerlinsley/react-table) except for `usePagination` and hooks that change the layout.
13
+
The `AnalyticalTable` internally uses all plugin hooks of the [react-table v7](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/overview.md) except for `usePagination` and hooks that change the layout.
14
14
If you pass a `react-table` hook to the `tableHooks` prop of the `AnalyticalTable` you will most likely experience some side effects or even break the table completely. We therefore strongly recommend to just not do it ;).
15
-
If you encounter a functionality that should be available with `react-table` hooks, but isn't in the `AnalyticalTable` please open an issue in github or write us in Slack.
15
+
If you encounter a functionality that should be available with `react-table` hooks, but isn't in the `AnalyticalTable` please open an issue in GitHub.
With the `customHook` callback you can plugin in all available hooks. Please note that some hooks need a return value (e.g. `columns`) which is then always the first parameter of the function, and others are not allowed to return a value (e.g. `useTable`).
38
-
For further details please refer to the [`react-table` documentation](https://react-table-v7.tanstack.com/docs/api/overview).
38
+
For further details please refer to the [`react-table`v7 documentation](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/overview.md).
39
39
40
40
## How to select rows containing active elements?
41
41
@@ -87,7 +87,7 @@ React.useEffect(() => {
87
87
/>
88
88
```
89
89
90
-
For more details on this behavior you can double check the [react-table docs](https://react-table-v7.tanstack.com/docs/faq#how-do-i-stop-my-table-state-from-automatically-resetting-when-my-data-changes).
90
+
For more details on this behavior you can double check the [react-table v7 docs](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/faq.md#how-do-i-stop-my-table-state-from-automatically-resetting-when-my-data-changes).
91
91
92
92
## How to scroll to a specific row/offset?
93
93
@@ -116,7 +116,7 @@ If you wish to implement your own data manipulation outside the table you can us
116
116
/>
117
117
```
118
118
119
-
For more information please take a look at the [React Table v7 docs](https://react-table-v7.tanstack.com/docs/api/overview).
119
+
For more information please take a look at the [React Table v7 docs](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/overview.md).
120
120
121
121
## How to distinguish between `onRowClick` and `onRowSelect` on selection-cell click?
122
122
@@ -137,7 +137,7 @@ const onRowSelect = (e) => {
137
137
138
138
## How to hide columns?
139
139
140
-
[React Table v7](https://react-table-v7.tanstack.com/docs/api/useTable) exposes an API on the table instance to hide columns. You can leverage it for example by attaching a React Ref to the `tableInstance` prop.
140
+
[React Table v7](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/useTable.md) exposes an API on the table instance to hide columns. You can leverage it for example by attaching a React Ref to the `tableInstance` prop.
141
141
Please note that the internal react-table is resetting its hidden state after hiding the column, which is most probably a bug. To prevent this you can set the `autoResetHiddenColumns` table option to `false`. (See [here](https://sap.github.io/ui5-webcomponents-react/?path=/docs/data-display-analyticaltable--default-story#how-to-stop-the-table-state-from-automatically-resetting-when-the-data-changes))
* Defines the value that should be filtered on across all rows.
450
450
*
451
-
* __Note:__ This prop is not supported for tree-tables. You can enable it by creating your own global-filter function. You can find out more about this in the [react-table v7 documentation](https://react-table-v7.tanstack.com/docs/api/useGlobalFilter).
451
+
* __Note:__ This prop is not supported for tree-tables. You can enable it by creating your own global-filter function. You can find out more about this in the [react-table v7 documentation](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/useGlobalFilter.md).
452
452
*/
453
453
globalFilterValue?: string;
454
454
/**
455
-
* Additional options which will be passed to [react-table´s useTable hook](https://react-table-v7.tanstack.com/docs/api/useTable#table-options)
455
+
* Additional options which will be passed to [v7 react-table´s useTable hook](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/useTable.md#table-options)
* This object will contain all [instance properties](https://react-table-v7.tanstack.com/docs/api/useTable#instance-properties)
567
+
* This object will contain all [instance properties (react-table v7)](https://github.com/TanStack/table/blob/v7/docs/src/pages/docs/api/useTable.md#instance-properties)
568
568
* of the `useTable` hook and all instance properties from `useColumnOrder`, `useExpanded`, `useFilters`,
569
569
* `useGlobalFilter`, `useGroupBy`,`useResizeColumns`, `useRowSelect` and `useSortBy` plugin hooks.
0 commit comments