[update] examples for treecollection filter(), getFilters()

Author: mafanya23

docs/pagination/init.md

@@ -85,13 +85,15 @@ Add two containers:
 
 ## Initialize a related widget
 
-{{note DHTMLX Pagination can be used in conjunction with data components like [List](list.md), [DataView](dataview.md), [Tree](tree.md), [Grid](grid.md), or [TreeGrid](/grid/treegrid_mode/).}}
+:::note 
+DHTMLX Pagination can be used in conjunction with data components like [List](list.md), [DataView](dataview.md), [Tree](tree.md), [Grid](grid.md), or [Grid in the TreeGrid mode](/grid/treegrid_mode/).
+:::
 
 Choose the widget you want to link to the Pagination component, for example, DHTMLX List. 
 
 1\. Initialize the widget with the object constructor, like this: 
 
-~~~js title="index.js"
+~~~jsx title="index.js"
 // creating a related DHTMLX List widget
 const widget = new dhx.List("widget_container", {
     css: "dhx_widget--bordered",
@@ -106,7 +108,7 @@ The constructor has two parameters:
 
 2\. Load data into the widget:
 
-~~~js title="index.js"
+~~~jsx title="index.js"
 // loading data into the created DHTMLX List 
 widget.data.parse(widget_data);
 ~~~
@@ -118,7 +120,7 @@ Initialize pagination with the *dhx.Pagination* object constructor. The construc
 - the HTML container for Pagination, 
 - optional, an object with configuration properties. If this argument is not passed to the constructor, the settings will be default.
 
-~~~js title="index.js"
+~~~jsx title="index.js"
 // creating DHTMLX Pagination
 const pagination = new dhx.Pagination("pagination_container", {
     css: "dhx_widget--bordered",

docs/tree_collection/api/treecollection_filter_method.md

@@ -30,17 +30,38 @@ description: You can explore the filter method of TreeCollection in the document
 @returns:
 - `id: string` - the id of the filter
 
-@example:
+#### Example:
+
+~~~jsx
+const grid = new dhx.Grid("grid_container", {
+    type: "tree",
+    columns: [
+        // columns config
+    ],
+    data: dataset,
+});
+
 // filtering data by a function
-tree.data.filter(function (item) {
+grid.data.filter(function (item) {
     return item.value.toLowerCase().indexOf("a") !== -1;
 });
+~~~
+
+~~~jsx
+const grid = new dhx.Grid("grid_container", {
+    type: "tree",
+    columns: [
+        // columns config
+    ],
+    data: dataset,
+});
 
-// filtering data by the column
-treeGrid.data.filter({
+// filtering data by the column 
+grid.data.filter({
     by: "name",
     match: "Angola"
 });
+~~~
 
 @descr:
 

docs/tree_collection/api/treecollection_getfilters_method.md

@@ -15,9 +15,17 @@ description: You can explore the getFilters method of TreeCollection in the docu
 - `permanent: boolean` - optional, <i>false</i> by default. Allows getting the list of permanent filters
 
 @returns:
-- `filters: object` - an object with the applied filters, where the key is the id of a filter and the value is an object with the [**rule** and **config** properties](tree_collection/api/treecollection_filter_method.md)
+- `filters: object` - an object with the applied filters, where the key is the id of a filter and the value is an object with the [`rule` and `config` properties](tree_collection/api/treecollection_filter_method.md)
 
 @example:
-const filters = treegrid.data.getFilters();
+const grid = new dhx.Grid("grid_container", {
+    type: "tree",
+    columns: [
+        // columns config
+    ],
+    data: dataset,
+});
+
+grid.data.getFilters();
 
 @descr: