blazorbootstrap icon indicating copy to clipboard operation
blazorbootstrap copied to clipboard

Grid: Edit mode - Inline editing

Open tdaduchskysoft opened this issue 1 year ago • 4 comments

I have tried your component and it's satisfying but it missing same features such as in line editing, enable the user to edit any data in the gird

tdaduchskysoft avatar Nov 29 '22 18:11 tdaduchskysoft

@tdaduchskysoft

Thank you for testing our components. We want to make the Grid simple. We don't have plans to add inline edits to the Grid but will keep this in future enhancements. You can try the below example. In the future, I will add more grid examples in the below GitHub repository. Feel free to ask for more custom examples.

Sample GitHub Project: https://github.com/vikramlearning/blazorbootstrap-examples

Custom Grid Operations:

  • Edit
  • Delete
  • Single Row Selection
  • Multiple Rows Selection

Employees Grid

image

Edit Employee

image

Update Employee

image

Delete Employee

image

After Delete

image

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

I hope this helps.

gvreddy04 avatar Apr 07 '23 03:04 gvreddy04

Reference from #179 - https://tabblazor.com/docs/tables

gvreddy04 avatar May 14 '23 13:05 gvreddy04

Hi @gvreddy04, does this mean you're planning to support inline-editing of Grid in version 1.10.0?

We are moving this to backlog due to other priorities.

gvreddy04 avatar Aug 08 '23 10:08 gvreddy04