Orders
|
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| 10248 | Paul Henriot | 7/4/2014 | France | Reims | 7/16/2014 | $443.00 |
| 10249 | Karin Josephs | 7/5/2014 | Germany | Münster | 7/10/2014 | $1,851.00 |
| 10250 | Mario Pontes | 7/8/2014 | Brazil | Rio de Janeiro | 7/12/2014 | $1,805.00 |
| 10251 | Mary Saveley | 7/8/2014 | France | Lyon | 7/15/2014 | $682.00 |
| 10252 | Pascale Cartrain | 7/9/2014 | Belgium | Charleroi | 7/11/2014 | $3,730.00 |
| 10253 | Mario Pontes | 7/10/2014 | Brazil | Rio de Janeiro | 7/16/2014 | $1,428.00 |
| 10254 | Yang Wang | 7/11/2014 | Switzerland | Bern | 7/23/2014 | $627.00 |
| 10255 | Michael Holz | 7/12/2014 | Switzerland | Genève | 7/15/2014 | $2,485.00 |
| 10256 | Paula Parente | 7/15/2014 | Brazil | Resende | 7/17/2014 | $510.00 |
| 10257 | Carlos Hernández | 7/16/2014 | Venezuela | San Cristóbal | 7/22/2014 | $1,109.00 |
| 10258 | Roland Mendel | 7/17/2014 | Austria | Graz | 7/23/2014 | $2,011.00 |
| 10259 | Francisco Chang | 7/18/2014 | Mexico | México D.F. | 7/25/2014 | $101.00 |
| 10260 | Henriette Pfalzheim | 7/19/2014 | Germany | Köln | 7/29/2014 | $1,765.00 |
| 10261 | Bernardo Batista | 7/19/2014 | Brazil | Rio de Janeiro | 7/30/2014 | $440.00 |
| 10262 | Paula Wilson | 7/22/2014 | USA | Albuquerque | 7/25/2014 | $624.00 |
| 10263 | Roland Mendel | 7/23/2014 | Austria | Graz | 7/31/2014 | $2,500.00 |
| 10264 | Maria Larsson | 7/24/2014 | Sweden | Bräcke | 8/23/2014 | $725.00 |
| 10265 | Frédérique Citeaux | 7/25/2014 | France | Strasbourg | 8/12/2014 | $1,170.00 |
| 10266 | Pirkko Koskitalo | 7/26/2014 | Finland | Oulu | 7/31/2014 | $360.00 |
| 10267 | Peter Franken | 7/29/2014 | Germany | München | 8/6/2014 | $4,040.00 |
|
Grand Total: $1,356,335
|
||||||
Data grid with 830 rows and 7 columns
You can use the Range Selector component to filter data in other DevExpress Blazor components.
In this demo, the DxGrid component displays customer orders. The Total column's minimum/maximum values serve as start and end values for the Range Selector's scale. To filter Grid data based on the selected range, you must:
- Handle the Range Selector's ValueChanged event.
- In the handler, use event argument properties to obtain values of the selected range.
- Create a criteria operator object based on obtained values and call the Grid's SetFieldFilterCriteria method (to apply filter).