docs: add more details and demos about default Filter operators

Author: ghiscoding

docs/column-functionalities/filters/filter-intro.md

@@ -69,3 +69,28 @@ this.sgb.showHeaderRow(true);
 // or
 this.sgb.slickGrid.setHeaderRowVisibility(true);
 ```
+
+### Default Filter Functionality
+
+The default filter is by default the `Filters.input` (when none is provided), is supporting the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
+
+Examples:
+- Number type
+  - `>100` => bigger than 100
+  - `<>100` => anything with the exception of 100
+  - `15..44` => range between 15 and 44 (you can also provide option `rangeInclusive` (default) or `rangeExclusive`)
+- Date types
+  - `>=2001-01-01` => greater or equal than date `2001-01-01`
+  - `<02/28/17` => lower than date `02/28/17`
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
+- String type
+  - `<>John` => not containing the sub-string `John`
+  - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
+  - `John*` => starts with the sub-string `John`
+  - `*Doe` => ends with the sub-string `Doe`
+  - `ab..ef` => anything included between `af` and `ef`
+    - refer to the ASCII table for each character assigned index
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
+     - notice the empty string in the search value `' '`
+
+Note that you could also do the same kind of functionality by using the Compound Filter.

docs/column-functionalities/filters/input-filter.md

@@ -18,7 +18,7 @@ Input text filter is the default filter that will be used when the user ommits t
 [Demo Page](https://ghiscoding.github.io/slickgrid-universal/#/example02) / [Demo Component](https://github.com/ghiscoding/slickgrid-universal/blob/master/demos/vanilla/src/examples/example02.ts)
 
 ### UI Usage
-All column types support the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are aliases and are equivalent, the same applies to `=` and `==`.
+All column types support the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
 
 Examples:
 - Number type
@@ -28,15 +28,15 @@ Examples:
 - Date types
   - `>=2001-01-01` => greater or equal than date `2001-01-01`
   - `<02/28/17` => lower than date `02/28/17`
-  - `2001-01-01..2002-02-22` => range between 2001-01-01 and 2002-02-22
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
 - String type
   - `<>John` => not containing the sub-string `John`
   - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
   - `John*` => starts with the sub-string `John`
   - `*Doe` => ends with the sub-string `Doe`
-  - `ab..ef` => anything included between "af" and "ef"
+  - `ab..ef` => anything included between `af` and `ef`
     - refer to the ASCII table for each character assigned index
-  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `''`
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
      - notice the empty string in the search value `' '`
 
 Note that you could also do the same kind of functionality by using the Compound Filter.

frameworks/angular-slickgrid/docs/column-functionalities/filters/filter-intro.md

@@ -77,4 +77,29 @@ hideFilterRow() {
   // you can show toggle the filter header row dynamically
   this.angularGrid.setHeaderRowVisibility(true);
 }
-```
+```
+
+### Default Filter Functionality
+
+The default filter is by default the `Filters.input` (when none is provided), is supporting the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
+
+Examples:
+- Number type
+  - `>100` => bigger than 100
+  - `<>100` => anything with the exception of 100
+  - `15..44` => range between 15 and 44 (you can also provide option `rangeInclusive` (default) or `rangeExclusive`)
+- Date types
+  - `>=2001-01-01` => greater or equal than date `2001-01-01`
+  - `<02/28/17` => lower than date `02/28/17`
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
+- String type
+  - `<>John` => not containing the sub-string `John`
+  - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
+  - `John*` => starts with the sub-string `John`
+  - `*Doe` => ends with the sub-string `Doe`
+  - `ab..ef` => anything included between `af` and `ef`
+    - refer to the ASCII table for each character assigned index
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
+     - notice the empty string in the search value `' '`
+
+Note that you could also do the same kind of functionality by using the Compound Filter.

frameworks/angular-slickgrid/docs/column-functionalities/filters/input-filter.md

@@ -33,9 +33,9 @@ Example:
   - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
   - `John*` => starts with the sub-string `John`
   - `*Doe` => ends with the sub-string `Doe`
-  - `ab..ef` => anything included between "af" and "ef"
+  - `ab..ef` => anything included between `af` and `ef`
     - refer to the ASCII table for each character assigned index
-  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `''`
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
      - notice the empty string in the search value `' '`
 
 Note that you could do the same functionality with a Compound Filter.

frameworks/aurelia-slickgrid/docs/column-functionalities/filters/filter-intro.md

@@ -81,3 +81,28 @@ hideFilterRow() {
   this.gridObj.slickGrid.setHeaderRowVisibility(true);
 }
 ```
+
+### Default Filter Functionality
+
+The default filter is by default the `Filters.input` (when none is provided), is supporting the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
+
+Examples:
+- Number type
+  - `>100` => bigger than 100
+  - `<>100` => anything with the exception of 100
+  - `15..44` => range between 15 and 44 (you can also provide option `rangeInclusive` (default) or `rangeExclusive`)
+- Date types
+  - `>=2001-01-01` => greater or equal than date `2001-01-01`
+  - `<02/28/17` => lower than date `02/28/17`
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
+- String type
+  - `<>John` => not containing the sub-string `John`
+  - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
+  - `John*` => starts with the sub-string `John`
+  - `*Doe` => ends with the sub-string `Doe`
+  - `ab..ef` => anything included between `af` and `ef`
+    - refer to the ASCII table for each character assigned index
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
+     - notice the empty string in the search value `' '`
+
+Note that you could also do the same kind of functionality by using the Compound Filter.

frameworks/aurelia-slickgrid/docs/column-functionalities/filters/input-filter.md

@@ -33,9 +33,9 @@ Example:
   - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
   - `John*` => starts with the sub-string `John`
   - `*Doe` => ends with the sub-string `Doe`
-  - `ab..ef` => anything included between "af" and "ef"
+  - `ab..ef` => anything included between `af` and `ef`
     - refer to the ASCII table for each character assigned index
-  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `''`
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
      - notice the empty string in the search value `' '`
 
 Note that you could do the same functionality with a Compound Filter.

frameworks/slickgrid-react/docs/column-functionalities/filters/filter-intro.md

@@ -78,3 +78,28 @@ showFilterRow() {
   reactGridRef.current?.setHeaderRowVisibility(true);
 }
 ```
+
+### Default Filter Functionality
+
+The default filter is by default the `Filters.input` (when none is provided), is supporting the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
+
+Examples:
+- Number type
+  - `>100` => bigger than 100
+  - `<>100` => anything with the exception of 100
+  - `15..44` => range between 15 and 44 (you can also provide option `rangeInclusive` (default) or `rangeExclusive`)
+- Date types
+  - `>=2001-01-01` => greater or equal than date `2001-01-01`
+  - `<02/28/17` => lower than date `02/28/17`
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
+- String type
+  - `<>John` => not containing the sub-string `John`
+  - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
+  - `John*` => starts with the sub-string `John`
+  - `*Doe` => ends with the sub-string `Doe`
+  - `ab..ef` => anything included between `af` and `ef`
+    - refer to the ASCII table for each character assigned index
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
+     - notice the empty string in the search value `' '`
+
+Note that you could also do the same kind of functionality by using the Compound Filter.

frameworks/slickgrid-react/docs/column-functionalities/filters/input-filter.md

@@ -33,9 +33,9 @@ Example:
   - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
   - `John*` => starts with the sub-string `John`
   - `*Doe` => ends with the sub-string `Doe`
-  - `ab..ef` => anything included between "af" and "ef"
+  - `ab..ef` => anything included between `af` and `ef`
     - refer to the ASCII table for each character assigned index
-  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `''`
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
      - notice the empty string in the search value `' '`
 
 Note that you could do the same functionality with a Compound Filter.

frameworks/slickgrid-vue/docs/column-functionalities/filters/filter-intro.md

@@ -84,3 +84,28 @@ function showFilterRow() {
   vueGrid.setHeaderRowVisibility(true);
 }
 ```
+
+### Default Filter Functionality
+
+The default filter is by default the `Filters.input` (when none is provided), is supporting the following operators: (`>`, `>=`, `<`, `<=`, `<>`, `!=`, `=`, `==`, `*`) that can be typed directly into the text filter, range filters can also have 1 of these options (`rangeInclusive` (default) or `rangeExclusive`). Also note that `<>` and `!=` are not aliased and have subtle differences. However the `=` and `==` are indeed aliases and equivalents.
+
+Examples:
+- Number type
+  - `>100` => bigger than 100
+  - `<>100` => anything with the exception of 100
+  - `15..44` => range between 15 and 44 (you can also provide option `rangeInclusive` (default) or `rangeExclusive`)
+- Date types
+  - `>=2001-01-01` => greater or equal than date `2001-01-01`
+  - `<02/28/17` => lower than date `02/28/17`
+  - `2001-01-01..2002-02-22` => range between `2001-01-01` and `2002-02-22`
+- String type
+  - `<>John` => not containing the sub-string `John`
+  - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
+  - `John*` => starts with the sub-string `John`
+  - `*Doe` => ends with the sub-string `Doe`
+  - `ab..ef` => anything included between `af` and `ef`
+    - refer to the ASCII table for each character assigned index
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
+     - notice the empty string in the search value `' '`
+
+Note that you could also do the same kind of functionality by using the Compound Filter.

frameworks/slickgrid-vue/docs/column-functionalities/filters/input-filter.md

@@ -33,9 +33,9 @@ Example:
   - `!=John` => not equal to the text `John` (note that this is **not** equivalent to `<>`)
   - `John*` => starts with the sub-string `John`
   - `*Doe` => ends with the sub-string `Doe`
-  - `ab..ef` => anything included between "af" and "ef"
+  - `ab..ef` => anything included between `af` and `ef`
     - refer to the ASCII table for each character assigned index
-  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `''`
+  - `!= ` => get defined only data and exclude any `undefined`, `null` or empty string `' '`
      - notice the empty string in the search value `' '`
 
 Note that you could do the same functionality with a Compound Filter.