feat: Add delete action to row

AI-assistant: Claude Code v2.1.101 (Claude Sonnet 4.6)

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

Author: AndyScherzinger

src/modules/main/partials/TableView.vue

@@ -25,6 +25,7 @@
 		@create-row="createRow"
 		@edit-row="editRow"
 		@copy-row="copyRow"
+		@delete-row="deleteRow"
 		@delete-selected-rows="deleteSelectedRows">
 		<template #actions>
 			<slot name="actions" />
@@ -134,6 +135,9 @@ export default {
 		copyRow(rowId) {
 			emit('tables:row:copy', { row: this.rows.find(r => r.id === rowId), columns: this.columns, isView: this.isView, elementId: this.element.id })
 		},
+		deleteRow(rowId) {
+			emit('tables:row:delete', { rows: [rowId], isView: this.isView, elementId: this.element.id })
+		},
 		deleteSelectedRows(rows) {
 			emit('tables:row:delete', { rows, isView: this.isView, elementId: this.element.id })
 		},

src/shared/components/ncTable/NcTable.vue

@@ -56,6 +56,7 @@ deselect-all-rows        -> unselect all rows, e.g. after deleting selected rows
 				:config="config" @create-row="$emit('create-row')"
 				@edit-row="rowId => $emit('edit-row', rowId)"
 				@copy-row="rowId => $emit('copy-row', rowId)"
+				@delete-row="rowId => $emit('delete-row', rowId)"
 				@create-column="$emit('create-column')"
 				@edit-column="col => $emit('edit-column', col)"
 				@delete-column="col => $emit('delete-column', col)"

src/shared/components/ncTable/partials/TableRow.vue

@@ -44,6 +44,15 @@
 					</template>
 					{{ t('tables', 'Copy row') }}
 				</NcActionButton>
+				<NcActionButton v-if="config.canDeleteRows"
+					data-cy="deleteRowBtn"
+					:close-after-click="true"
+					@click="$emit('delete-row', row.id)">
+					<template #icon>
+						<TrashCanOutline :size="20" />
+					</template>
+					{{ t('tables', 'Delete row') }}
+				</NcActionButton>
 			</NcActions>
 		</td>
 	</tr>
@@ -53,6 +62,7 @@
 import { NcCheckboxRadioSwitch, NcActions, NcActionButton } from '@nextcloud/vue'
 import ContentCopy from 'vue-material-design-icons/ContentCopy.vue'
 import Pencil from 'vue-material-design-icons/PencilOutline.vue'
+import TrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
 import TableCellHtml from './TableCellHtml.vue'
 import TableCellProgress from './TableCellProgress.vue'
 import TableCellLink from './TableCellLink.vue'
@@ -85,6 +95,7 @@ export default {
 		NcActionButton,
 		ContentCopy,
 		Pencil,
+		TrashCanOutline,
 		NcCheckboxRadioSwitch,
 		TableCellDateTime,
 		TableCellTextLine,

src/shared/components/ncTable/sections/CustomTable.vue

@@ -39,7 +39,8 @@
 					:is-view="isView"
 					@update-row-selection="updateRowSelection"
 					@edit-row="rowId => $emit('edit-row', rowId)"
-					@copy-row="rowId => $emit('copy-row', rowId)" />
+					@copy-row="rowId => $emit('copy-row', rowId)"
+					@delete-row="rowId => $emit('delete-row', rowId)" />
 			</transition-group>
 		</table>
 		<div v-if="totalPages > 1" class="pagination-footer" :class="{'large-width': !appNavCollapsed || isMobile}">