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
0 rows are selected
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).