Skip to content

Commit

Permalink
[update] guides updated
Browse files Browse the repository at this point in the history
  • Loading branch information
tbshag2 committed Jun 12, 2024
1 parent a601121 commit 430453c
Show file tree
Hide file tree
Showing 9 changed files with 15 additions and 29 deletions.
1 change: 1 addition & 0 deletions docs/api/config/columnshape-property.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,3 +75,4 @@ const pivotWidget = new pivot.Pivot("#pivot", {
},
});
~~~

4 changes: 2 additions & 2 deletions docs/api/methods/gettable-method.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,11 +40,11 @@ const widget = new pivot.Pivot("#root", {
columns: [],
values: [
{
id: "title",
field: "title",
method: "count",
},
{
id: "score",
field: "score",
method: "max",
},
],
Expand Down
6 changes: 3 additions & 3 deletions docs/api/methods/setconfig-method.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,15 +54,15 @@ widget.setConfig({
columns: [],
values: [
{
id: "title",
field: "title",
method: "count",
},
{
id: "score",
field: "score",
method: "max",
},
{
id: "type",
field: "type",
method: "count",
},
],
Expand Down
4 changes: 2 additions & 2 deletions docs/api/methods/setlocale-method.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,11 +33,11 @@ const widget = new pivot.Pivot("#root", {
columns: [],
values: [
{
id: "title",
field: "title",
method: "count",
},
{
id: "score",
field: "score",
method: "max",
},
],
Expand Down
4 changes: 2 additions & 2 deletions docs/api/methods/showconfigpanel-method.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,11 +36,11 @@ const widget = new pivot.Pivot("#root", {
columns: [],
values: [
{
id: "title",
field: "title",
method: "count",
},
{
id: "score",
field: "score",
method: "max",
},
],
Expand Down
14 changes: 2 additions & 12 deletions docs/guides/configuration.md
Original file line number Diff line number Diff line change
Expand Up @@ -220,10 +220,6 @@ To specify the parent row, put its name first in the `rows` array of the [`confi
const widget = new pivot.Pivot("#pivot", {
tableShape: {
tree: true,
templates: {
rank: (v) => v,
members: (v) => v,
},
},
fields,
data: dataset,
Expand Down Expand Up @@ -257,7 +253,7 @@ const widget = new pivot.Pivot("#pivot", {

### Expanding/collapsing all rows

To expand/collapse all rows, the tree mode should be enabled via the `tableShape` property and you should use the [`render-table`](/api/events/render-table-event) event that allows changing configuration settings, namely, making data rows expanded or collapsed (via the `row.open` parameter of the tableConfig object).
To expand/collapse all rows, the tree mode should be enabled via the [`tableShape`](/api/config/tableshape-property) property and you should use the [`render-table`](/api/events/render-table-event) event that allows changing configuration settings, namely, making data rows expanded or collapsed (via the `row.open` parameter of the `tableConfig` object).

The example below shows how to expand/collapse all data rows with the button click in the table tree mode.

Expand Down Expand Up @@ -463,13 +459,7 @@ The Pivot widget provides the next condition types for filtering:
- for numeric values: greater: less, greaterOrEqual, lessOrEqual, equal, notEqual, contains, notContains
- for date types: greater, less, greaterOrEqual, lessOrEqual, equal, notEqual, between, notBetween

The widget also allows you to apply the **include** filtering rule to the data already filtered by one of the conditions.

Fields with the additional filter are marked with a special sign in GUI:

img to be changed

![filtering](/assets/filtering.png)
The widget also allows you to apply the **include** filtering rule to the data already filtered by one of the conditions. Fields with the additional filter are marked with a special sign in GUI (please, see [Filters](/docs/index))

#### Default filters

Expand Down
2 changes: 1 addition & 1 deletion docs/guides/localization.md
Original file line number Diff line number Diff line change
Expand Up @@ -156,4 +156,4 @@ new pivot.Pivot({

In this snippet you can see how to switch between several locales:

<iframe src="https://snippet.dhtmlx.com/" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe> TODO!!!
<iframe src="https://snippet.dhtmlx.com/aj5zmxpv" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
5 changes: 0 additions & 5 deletions docs/guides/stylization.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,11 +85,6 @@ The example below demonstrates how to customize Material theme that is applied t
</style>
~~~

In this snippet you can see how to apply a custom style to Pivot

<iframe src="https://snippet.dhtmlx.com/" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe> TODO!!!


## Scroll style

You can also apply a custom style to the scroll bar of Pivot. For this, you can use the `.wx-styled-scroll` CSS class. Before using it, check compatibility with the modern browsers [here](https://caniuse.com/css-scrollbar).
Expand Down
4 changes: 2 additions & 2 deletions docs/guides/working-with-data.md
Original file line number Diff line number Diff line change
Expand Up @@ -728,6 +728,6 @@ const widget = new pivot.Pivot("#pivot", {

## Example

In this snippet you can see how to use Pivot API for working with data:
In this snippet you can see how to apply maths operations:

<iframe src="https://snippet.dhtmlx.com/" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe> TODO!!!
<iframe src="https://snippet.dhtmlx.com/lv90d8q2" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>

0 comments on commit 430453c

Please sign in to comment.