Skip to content

Conversation

@Vinitha-Balasubramanian
Copy link
Collaborator

@Vinitha-Balasubramanian Vinitha-Balasubramanian commented Apr 16, 2025

Revamp the row selection topics in Blazor DataGrid documentation

  1. Single row selection: https://blazorplayground.syncfusion.com/VZLSXBNpsPDFTpMg
  2. Multiple row selection: https://blazorplayground.syncfusion.com/VjVIXBNJCPSpibPz
  3. Select row at initial rendering: https://blazorplayground.syncfusion.com/rXVStrjfsuosZEoz
  4. Select rows in any page based on index value https://blazorplayground.syncfusion.com/VDVojfLsCxSoSKyn
  5. Multiple row selection by single click on row: https://blazorplayground.syncfusion.com/LNrIjfWoTqSCQLJr
  6. Single row selection https://blazorplayground.syncfusion.com/LthetJCezkFWiJjM
  7. Multiple rows selection https://blazorplayground.syncfusion.com/BXBejJCxVytqWHSm
  8. Range of rows selection https://blazorplayground.syncfusion.com/hZreDoNzBTOPHzht
  9. Select Grid rows based on certain condition: https://blazorplayground.syncfusion.com/LtVeXIjeIHNkaocG
  10. How to get selected row indexes https://blazorplayground.syncfusion.com/LNVSXojzHLZfAtKS
  11. How to get selected records on various pages https://blazorplayground.syncfusion.com/VjLyNotfnVyUShmR
  12. How to get selected records  https://blazorplayground.syncfusion.com/VNhSjStfdJDnCgcQ
  13. Clear row selection programmatically  https://blazorplayground.syncfusion.com/hDVIZoZTxRbhiIYw
  14. Row selection events https://blazorplayground.syncfusion.com/LNBSDoDzHHtCzbSp

@Vinitha-Balasubramanian Vinitha-Balasubramanian added the documentation Improvements or additions to documentation label Apr 16, 2025
@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@SyncfusionBuild
Copy link
Contributor

rebuild

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@Syncfusion-CI
Copy link

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@Syncfusion-CI
Copy link

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@Syncfusion-CI
Copy link

Build Status: INQUEUE 🕒
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@SyncfusionBuild
Copy link
Contributor

Build Status: INQUEUE 🕒
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@farveensulthana
Copy link
Collaborator

Samples from Select Row Externally not running properly. Recheck and attach samples

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)


You can programmatically select specific rows in the Syncfusion Blazor DataGrid based on a certain condition. This feature is particularly useful when you need to dynamically highlight or manipulate specific rows in the Grid based on custom conditions. This functionality can be achieved using the [SelectRowsAsync](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_SelectRowsAsync_System_Int32___) method in the [DataBound](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_DataBound) event of Grid.

In the below demo, we have selected the Grid rows only when **EmployeeID** column value greater than **3**.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Add similiar to this --> With the help of GetCurrentViewRecords method to get current page records and applied the condition. Based on that multiple rows has been selected at initial rendering of the Grid. --> Rephrase and add this

@SyncfusionBuild
Copy link
Contributor

Build Status: INPROGRESS 🔃
Build Location: BLAZ-936965-row-selection

@SyncfusionBuild
Copy link
Contributor

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: BLAZ-936965-row-selection
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Size Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Image Name Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
FT Layout Syntax Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
Front matter Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
File Path Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)
MD Tag Validation Error(s): 0 (Critical: 0, High: 0, Medium: 0, Low: 0, Info: 0)

@Vinitha-Balasubramanian Vinitha-Balasubramanian deleted the BLAZ-936965-row-selection branch May 7, 2025 05:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants