I want to use umbtable to realize modify and delete, how to modify the code, I did not find the official relevant examples
https://apidocs.umbraco.com/v13/ui/#/api/umbraco.directives.directive:umbTable
<div ng-controller="DamVersionsController">
<h3>Versions</h3>
<umb-table ng-if="versions"
items="versions"
item-properties="myColumnProperties">
</umb-table>
</div>
angular.module("umbraco").controller("DamVersionsController", function ($scope, $http, $routeParams) {
$scope.versions = [];
$scope.currentMediaId = $routeParams.id;
$scope.loadVersions = function (mediaId) {
$http.get("/umbraco/surface/damversions/getversions", { params: { mediaId: mediaId } })
.then(function (response) {
if (response.data && response.data.length > 0) {
$scope.versions = response.data;
} else {
console.log('No versions data received');
}
}, function (error) {
console.error('Error fetching versions:', error);
});
};
$scope.myColumnProperties = [
{
alias: "name",
header: "Name",
allowSorting: true,
isSortColumn: true,
sortDirection: "asc"
},
{
alias: "date",
header: "Date",
template: "<span>{{item.date | date:'yyyy-MM-dd HH:mm:ss'}}</span>",
cellClass: "text-center"
},
{
alias: "isActive",
header: "State",
template: "<span>{{item.isActive ? 'active' : 'noactive'}}</span>",
headerClass: "text-bold"
},
{
alias: "actions",
header: "option",
template: "<button class='btn btn-danger' ng-click='deleteItem(item)'>delete</button>
<button class='btn btn-danger' ng-click='modifyItem(item)'>modify</button>"
}
];
$scope.loadVersions($scope.currentMediaId);
});