Spreadsheet / Data Analysis / Filtering

Blazor Spreadsheet Example - Filtering

Loading Syncfusion Blazor Server Demos…

A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
AA
AB
AC
AD
AE
AF
AG
AH
AI
AJ
AK
AL
AM
AN
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
Employee ID
Employee Name
Gender
Title
Birth Date
Sick Leave Hours
Salary
1001Teresa AtkinsonMaleEngineering Manager19-May-1534$5,074.93
1002Mae AndersonMaleProduction Technician - WC4517-Mar-1358$796.33
1003Ronald AdinaFemaleInformation Services Manager21-Mar-0537$173.32
1004Chris AshtonFemaleProduction Technician - WC5027-Jul-1428$4,023.98
1005Kim AkersMaleProduction Supervisor - WC5022-Aug-1168$174.82
1006Marvin AllenMaleProduction Technician - WC508-Aug-1338$3,543.86
1007Francois FerrierMaleShipping and Receiving Clerk14-Jan-1249$3,703.02
1008James AguilarFemaleHuman Resources Manager15-Oct-1031$1,267.38
1009Francois FerrierMaleRecruiter6-Oct-1040$5,232.68
1010Sabria AppelbaumMaleMarketing Assistant17-Jan-1534$529.39
1011Stephen AyersMaleTool Designer15-Apr-0551$1,794.18
1012Cecil AllisonMaleProduction Technician - WC5012-Mar-1225$3,136.16
1013Phyllis AllenMaleSenior Tool Designer25-Apr-1155$3,282.42
1014Phyllis AllenMaleProduction Technician - WC4520-Jun-0745$670.53
1015Carla AdamsMaleTool Designer7-Jun-1164$1,324.21
1016Stephen AyersMaleProduction Technician - WC4522-Apr-1250$4,870.75
1017Margar SmithMaleProduction Technician - WC4022-Jul-1156$3,330.69
1018Kim AbercrombieMaleSenior Tool Designer13-Jan-1059$2,285.87
1019Frances AdamsFemaleEngineering Manager18-May-1218$4,784.37
1020Pilar AckermanMaleTool Designer1-Jun-1225$1,469.76
1021Emilio AlvaroFemaleProduction Technician - WC5027-Sep-0545$5,098.06
1022Robert AhleringMaleMarketing Assistant12-Mar-1522$21.34
1023Amy AlbertsMaleProduction Supervisor - WC6026-Sep-1139$5,867.29
1024John AultMaleProduction Technician - WC502-Aug-1318$3,150.02
1025Thomas ArmstrongFemaleProduction Technician - WC1022-Oct-0946$3,672.40
1026Maxwell AmlandMaleProduction Technician - WC504-Jul-1448$1,024.35
1027Ronald AdinaFemaleProduction Technician - WC5016-Oct-0941$1,383.62
1028Mae AndersonMaleHuman Resources Manager22-Jan-1222$4,135.96
1029Robert AvalosMaleProduction Technician - WC4020-Feb-0921$99.04
1030Phillip BacalzoMaleProduction Technician - WC4516-Nov-1134$1,693.53
1031Phillip BacalzoMaleSenior Tool Designer17-Mar-1249$4,572.03
1032Tom JohnstonFemaleProduction Technician - WC1024-Mar-0848$2,283.47
1033Marvin AllenMaleProduction Control Manager7-Jun-0618$5,845.36
1034Michelle AlexanderMaleProduction Technician - WC5025-Feb-0929$3,741.86
1035Ramona AntrimFemaleVice President of Engineering14-Sep-0741$4,938.14
1036Milton AlburyMaleTool Designer23-Jun-0558$3,682.91
1037Gregory AldersonMaleProduction Technician - WC407-Feb-1256$1,509.68
1038Robert AhleringMaleStocker7-Aug-0848$2,384.37
1039Amy AlbertsMaleEngineering Manager11-Jul-1549$3,318.03
1040Kim AkersMaleProduction Supervisor - WC502-Feb-1242$669.70
1041Marvin AllenMaleProduction Supervisor - WC1016-May-0639$34.57
1042Kim AbercrombieMaleProduction Technician - WC304-Sep-1224$3,794.59
1043Ramona AntrimFemaleProduction Technician - WC1024-Sep-1468$2,991.18
1044John AultMaleProduction Technician - WC402-Nov-1120$4,049.52
1045Pilar AckermanMaleProduction Supervisor - WC6014-Sep-0816$1,529.45
1046Selena AlvaradFemaleProduction Technician - WC1026-Nov-1255$4,006.57
1047John AultMaleProduction Technician - WC4517-Oct-1031$1,058.49
1048Chris AshtonFemaleStocker24-Aug-0916$2,862.37

This sample demonstrates the filtering capabilities of Spreadsheet using a employee data of organization. It highlights how you can filter data to display only rows that match specific criteria, making it easier to analyze and compare information.

The Blazor Spreadsheet filtering feature enables you to organize data by displaying only rows that meet certain conditions. To enable filtering, set the AllowFiltering property to true.

Applying Filters:

  • Access filtering options through the Home tab in the ribbon or right-click and select Filter from the context menu
  • Filter icons appear in column headers indicating active filters
  • Click the filter icon to access filtering options for that column

In this demo, you can apply filters to the employee dataset to focus on key criteria such as name, title, sick leave, and salary. Easily clear individual filters or reset all filters to view the complete dataset again, ensuring quick and flexible data exploration.

For more detailed information about Filtering, refer to the Filtering documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE