Add inline Edit and Delete in Data grid?

1
I have added a data grid, instead of default functionality like edit and delete in the top, I want to add Edit and delete button in every column. How to achieve this? I have added a data grid, instead of default functionality like edit and delete in the top, I want to add Edit and delete button in every column. How to achieve this?
asked
3 answers
1

Hi Rajat,

You can use the latest version of the datagrid extension widget to add inline buttons (but just a heads up that it is no longer being maintained).

https://github.com/Andries-Smit/DataGridExtention/blob/master/dist/2.6.0/DataGridExtension.mpk

 

Or you can use a listview or template grid and style it to look similar to a datagrid. Then you can add a microflow button inside the listview/template grid for the edit/delete functionality.

For this listview, I used a table inside of it with the class "table-spaceless" and for the header I used a table with the classes "table-header" and "table-spaceless"

 

Hope this helps! 

 

Edit:

For editing, you would need to use a listview and set it to be editable. Then you can configure each field to be editable on a condition.

answered
0

can't you make the fields you want to edit editable?

 

Also, i'm not a fan of tables and would suggest using layoutgrids, but keep in mind, layoutgrids have some paddings in between the columns. (wich you can easily solve with some css offcourse)

Why i am not a fan of tables is described in this thread:
https://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html

answered
0

You can set set the columns to editable. This doesnt solve the delete however.

answered