https://github.com/vikramlearning/blazorbootstrap-examples

https://github.com/vikramlearning/blazorbootstrap-examples

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/vikramlearning/blazorbootstrap-examples
• Owner: vikramlearning
• Created: 2023-04-06T13:51:33.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-04-29T17:36:23.000Z (almost 3 years ago)
• Last Synced: 2025-01-16T22:27:27.276Z (about 1 year ago)
• Language: HTML
• Size: 195 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# blazorbootstrap-examples

Custom Grid Operations:

- Edit

- Delete

- Single Row Selection

- Multiple Rows Selection

## Employees Grid

![image](https://user-images.githubusercontent.com/2337067/230451580-18ab4544-15f7-4e1c-b991-9b4424a1a0a2.png)

## Edit Employee

![image](https://user-images.githubusercontent.com/2337067/230451895-dad8cbeb-63b2-4834-8b7b-dfc3c71d2e81.png)

## Update Employee

![image](https://user-images.githubusercontent.com/2337067/230452078-a795a940-690b-48dc-ba58-72e35550d0d4.png)

## Delete Employee

![image](https://user-images.githubusercontent.com/2337067/230452303-41bf0c43-ce32-4f93-be7c-247775a5c930.png)

## After Delete

![image](https://user-images.githubusercontent.com/2337067/230452371-acf6d8ef-0967-4819-9b2b-ddc5722033be.png)

## Single / Multiple Rows Selection

We can write custom logic to check/uncheck the checkbox. Based on the checkbox selection, you can change the row color.

## References:

- Conditional css class for grid row: https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-row

- Conditional css class for grid column: https://demos.blazorbootstrap.com/grid#conditional-css-class-for-grid-column