diff --git a/cypress/support/commands.js b/cypress/support/commands.js
index 9a06d3bd14..65f76d6a8f 100644
--- a/cypress/support/commands.js
+++ b/cypress/support/commands.js
@@ -172,7 +172,7 @@ Cypress.Commands.add('openContextEditModal', (title) => {
 
 Cypress.Commands.add('clickOnTableThreeDotMenu', (optionName) => {
 	cy.get('[data-cy="customTableAction"] button').click()
-	cy.get('[data-cy="dataTableExportBtn"]').contains(optionName).click({ force: true })
+	cy.get('.v-popper__popper button, [role="menuitem"]').contains(optionName).click({ force: true })
 })
 
 Cypress.Commands.add('sortTableColumn', (columnTitle, mode = 'ASC') => {
diff --git a/playwright/e2e/tables-export-csv.spec.ts b/playwright/e2e/tables-export-csv.spec.ts
index 5f61e6fb93..3a10c47167 100644
--- a/playwright/e2e/tables-export-csv.spec.ts
+++ b/playwright/e2e/tables-export-csv.spec.ts
@@ -5,20 +5,46 @@
 
 import { test, expect } from '../support/fixtures'
 import * as fs from 'fs'
+import { type Page } from '@playwright/test'
 import { clickOnTableThreeDotMenu, getTutorialTableName, loadTable } from '../support/commands'
 
-test.describe('Import csv', () => {
+async function fillSearchInput(page: Page, value: string) {
+	// Scope to the NcTable container to avoid matching Nextcloud header search elements
+	const searchInput = page.locator('[data-cy="ncTable"]').getByRole('textbox', { name: 'Search' })
+	await expect(searchInput).toBeVisible({ timeout: 10000 })
+	await searchInput.fill(value)
+	await page.waitForTimeout(600) // debounce in SearchForm is 500 ms
+}
 
-	test('Export csv', async ({ userPage: { page } }) => {
+async function clickSelectionBarAction(page: Page, label: string) {
+	await expect(page.locator('.icon-loading').first()).toBeHidden({ timeout: 10000 })
+	await expect(page.locator('.selected-rows-option')).toBeVisible({ timeout: 10000 })
+	// NcActionButton does not forward data-cy to the DOM; match by button text content instead.
+	// With inline=2 the items render as plain <button> elements directly in the selection bar.
+	const item = page.locator('.selected-rows-option button').filter({ hasText: label })
+	await expect(item.first()).toBeVisible({ timeout: 5000 })
+	await item.first().click()
+}
+
+async function selectFirstRow(page: Page) {
+	const checkbox = page.locator('[data-cy="customTableRow"]:first-of-type input[type="checkbox"]').first()
+	await expect(checkbox).toBeVisible({ timeout: 10000 })
+	await checkbox.click({ force: true })
+	await expect(checkbox).toBeChecked()
+}
+
+test.describe('CSV export', () => {
+
+	test('Export all rows is always available in the three-dot menu', async ({ userPage: { page } }) => {
 		await page.goto('/index.php/apps/tables')
 		await loadTable(page, 'Welcome to Nextcloud Tables!')
 
 		const tutorialName = await getTutorialTableName(page)
-		const fileNamePattern = new RegExp(`^\\d{2}-\\d{2}-\\d{2}_\\d{2}-\\d{2}_${tutorialName.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}\\.csv$`)
+		const fileNamePattern = new RegExp(`^\\d{2}-\\d{2}-\\d{2}_\\d{2}-\\d{2}_${tutorialName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')}\\.csv$`)
 
 		const [download] = await Promise.all([
 			page.waitForEvent('download'),
-			clickOnTableThreeDotMenu(page, 'Export as CSV'),
+			clickOnTableThreeDotMenu(page, 'Export all rows'),
 		])
 
 		expect(download.suggestedFilename()).toMatch(fileNamePattern)
@@ -29,4 +55,79 @@ test.describe('Import csv', () => {
 		expect(content).toContain('What,How to do,Ease of use,Done')
 		expect(content).toContain('Open the tables app,Reachable via the Tables icon in the apps list.,5,true')
 	})
+
+	test('Export filtered rows only appears in three-dot menu when a filter is active', async ({ userPage: { page } }) => {
+		await page.goto('/index.php/apps/tables')
+		await loadTable(page, 'Welcome to Nextcloud Tables!')
+
+		await fillSearchInput(page, 'Open the tables app')
+
+		// Export filtered and verify only the matching row is in the CSV
+		const [download] = await Promise.all([
+			page.waitForEvent('download'),
+			clickOnTableThreeDotMenu(page, 'Export filtered rows'),
+		])
+
+		const path = await download.path()
+		const content = fs.readFileSync(path, 'utf8')
+
+		expect(content).toContain('Open the tables app')
+		expect(content).not.toContain('Add a new column')
+	})
+
+	test('Export selected rows appears in selection bar when rows are checked', async ({ userPage: { page } }) => {
+		await page.goto('/index.php/apps/tables')
+		await loadTable(page, 'Welcome to Nextcloud Tables!')
+
+		await selectFirstRow(page)
+
+		// Export selected — should only contain 1 data row
+		const [download] = await Promise.all([
+			page.waitForEvent('download'),
+			clickSelectionBarAction(page, 'Export selected rows'),
+		])
+
+		const path = await download.path()
+		const content = fs.readFileSync(path, 'utf8')
+		const lines = content.trim().split('\n')
+
+		// Header + exactly 1 data row
+		expect(lines).toHaveLength(2)
+	})
+
+	test('Export filtered rows appears in selection bar when rows are selected and filter is active', async ({ userPage: { page } }) => {
+		await page.goto('/index.php/apps/tables')
+		await loadTable(page, 'Welcome to Nextcloud Tables!')
+
+		await fillSearchInput(page, 'Open')
+		await selectFirstRow(page)
+
+		// Both export buttons must be visible in the selection bar
+		await expect(page.locator('.selected-rows-option')).toBeVisible({ timeout: 10000 })
+		for (const label of ['Export selected rows', 'Export filtered rows']) {
+			await expect(
+				page.locator('.selected-rows-option button').filter({ hasText: label }).first(),
+			).toBeVisible({ timeout: 5000 })
+		}
+	})
+
+	test('Export all rows includes unfiltered data even when filter is active', async ({ userPage: { page } }) => {
+		await page.goto('/index.php/apps/tables')
+		await loadTable(page, 'Welcome to Nextcloud Tables!')
+
+		await fillSearchInput(page, 'Open the tables app')
+
+		// Export ALL rows — must include rows not matching the filter
+		const [download] = await Promise.all([
+			page.waitForEvent('download'),
+			clickOnTableThreeDotMenu(page, 'Export all rows'),
+		])
+
+		const path = await download.path()
+		const content = fs.readFileSync(path, 'utf8')
+
+		expect(content).toContain('Open the tables app')
+		expect(content).toContain('Add a new column')
+	})
+
 })
diff --git a/playwright/support/commands.ts b/playwright/support/commands.ts
index da6c499819..e7bc0c7bd6 100644
--- a/playwright/support/commands.ts
+++ b/playwright/support/commands.ts
@@ -67,7 +67,7 @@ async function openTableActionsMenu(page: Page) {
 
 	const menuButton = page.locator('[data-cy="customTableAction"] button').first()
 	const anyMenuAction = page.locator(
-		'[data-cy="dataTableEditTableBtn"], [data-cy="dataTableCreateViewBtn"], [data-cy="dataTableCreateColumnBtn"], [data-cy="dataTableShareBtn"], [data-cy="dataTableExportBtn"]',
+		'[data-cy="dataTableEditTableBtn"], [data-cy="dataTableCreateViewBtn"], [data-cy="dataTableCreateColumnBtn"], [data-cy="dataTableShareBtn"], [data-cy="dataTableExportAllBtn"]',
 	)
 
 	for (let attempt = 1; attempt <= 3; attempt++) {
@@ -97,9 +97,11 @@ function getTableActionLocator(page: Page, optionName: string) {
 	case 'Share':
 		return page.locator('[data-cy="dataTableShareBtn"]')
 	case 'Import':
-		return page.locator('[data-cy="dataTableExportBtn"]').filter({ hasText: /^Import$/ })
-	case 'Export as CSV':
-		return page.locator('[data-cy="dataTableExportBtn"]').filter({ hasText: /^Export as CSV$/ })
+		return page.locator('[data-cy="dataTableImportBtn"]')
+	case 'Export all rows':
+		return page.locator('[data-cy="dataTableExportAllBtn"]')
+	case 'Export filtered rows':
+		return page.locator('[data-cy="dataTableExportFilteredBtn"]')
 	default:
 		return null
 	}
diff --git a/src/modules/main/partials/TableView.vue b/src/modules/main/partials/TableView.vue
index 75fe2d71f8..2a939a7e8a 100644
--- a/src/modules/main/partials/TableView.vue
+++ b/src/modules/main/partials/TableView.vue
@@ -26,8 +26,8 @@
 		@create-row="createRow"
 		@edit-row="editRow"
 		@delete-selected-rows="deleteSelectedRows">
-		<template #actions>
-			<slot name="actions" />
+		<template #actions="slotProps">
+			<slot name="actions" v-bind="slotProps" />
 		</template>
 	</NcTable>
 </template>
diff --git a/src/modules/main/sections/DataTable.vue b/src/modules/main/sections/DataTable.vue
index f9ea2d13b0..3bea2e6fc0 100644
--- a/src/modules/main/sections/DataTable.vue
+++ b/src/modules/main/sections/DataTable.vue
@@ -45,10 +45,13 @@
 							</template>
 							{{ t('tables', 'Import') }}
 						</NcActionButton>
-						<NcActionButton v-if="canReadData(table)" :close-after-click="true"
-							icon="icon-download"
+						<NcActionButton v-if="canReadData(table)"
+							:close-after-click="true"
 							@click="$emit('download-csv')">
-							{{ t('tables', 'Export as CSV') }}
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export all rows') }}
 						</NcActionButton>
 						<NcActionButton v-if="canShareElement(table)"
 							:close-after-click="true"
@@ -85,7 +88,7 @@
 				:can-edit-columns="canManageTable(table)"
 				:can-delete-columns="canManageTable(table)"
 				:can-delete-table="canManageTable(table)">
-				<template #actions>
+				<template #actions="{ isFiltered, onExportFiltered }">
 					<NcActions :force-menu="true" :type="isViewSettingSet ? 'secondary' : 'tertiary'">
 						<NcActionCaption v-if="canManageElement(table)" :name="t('tables', 'Manage table')" />
 						<NcActionButton v-if="canManageElement(table)"
@@ -115,16 +118,29 @@
 						<NcActionCaption :name="t('tables', 'Integration')" />
 						<NcActionButton v-if="canCreateRowInElement(table)"
 							:close-after-click="true"
-							data-cy="dataTableExportBtn" @click="$emit('import', table)">
+							data-cy="dataTableImportBtn" @click="$emit('import', table)">
 							<template #icon>
 								<Import :size="20" decorative title="Import" />
 							</template>
 							{{ t('tables', 'Import') }}
 						</NcActionButton>
-						<NcActionButton v-if="canReadData(table)" :close-after-click="true"
-							icon="icon-download"
-							data-cy="dataTableExportBtn" @click="$emit('download-csv')">
-							{{ t('tables', 'Export as CSV') }}
+						<NcActionButton v-if="canReadData(table)"
+							:close-after-click="true"
+							data-cy="dataTableExportAllBtn"
+							@click="$emit('download-csv')">
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export all rows') }}
+						</NcActionButton>
+						<NcActionButton v-if="canReadData(table) && isFiltered"
+							:close-after-click="true"
+							data-cy="dataTableExportFilteredBtn"
+							@click="onExportFiltered">
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export filtered rows') }}
 						</NcActionButton>
 						<NcActionButton v-if="canShareElement(table)"
 							data-cy="dataTableShareBtn"
@@ -157,6 +173,7 @@ import IconTool from 'vue-material-design-icons/TableCog.vue'
 import TableView from '../partials/TableView.vue'
 import EmptyTable from './EmptyTable.vue'
 import Connection from 'vue-material-design-icons/Connection.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 import Import from 'vue-material-design-icons/Import.vue'
 import { NcActionButton, NcActions, NcActionCaption } from '@nextcloud/vue'
 import { mapState } from 'pinia'
@@ -169,6 +186,7 @@ export default {
 		TableView,
 		NcActionButton,
 		Connection,
+		TrayArrowDown,
 		NcActionCaption,
 		NcActions,
 		TableColumnPlusAfter,
diff --git a/src/modules/main/sections/PublicElement.vue b/src/modules/main/sections/PublicElement.vue
index b83012f9e1..169249119e 100644
--- a/src/modules/main/sections/PublicElement.vue
+++ b/src/modules/main/sections/PublicElement.vue
@@ -18,11 +18,22 @@
 				:can-delete-columns="false"
 				:can-delete-table="false"
 				:is-form-mode="isFormMode">
-				<template #actions>
+				<template #actions="{ isFiltered, onExportFiltered }">
 					<NcActions :force-menu="true" type="tertiary">
-						<NcActionButton :close-after-click="true" icon="icon-download" data-cy="dataTableExportBtn"
+						<NcActionButton :close-after-click="true" data-cy="dataTableExportBtn"
 							@click="$emit('download-csv')">
-							{{ t('tables', 'Export as CSV') }}
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export all rows') }}
+						</NcActionButton>
+						<NcActionButton v-if="isFiltered" :close-after-click="true"
+							data-cy="dataTableExportFilteredBtn"
+							@click="onExportFiltered">
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export filtered rows') }}
 						</NcActionButton>
 					</NcActions>
 				</template>
@@ -62,6 +73,8 @@ import CreateRow from '../../modals/CreateRow.vue'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import EditRow from '../../modals/EditRow.vue'
 import DeleteRows from '../../modals/DeleteRows.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
+import { translate as t } from '@nextcloud/l10n'
 
 export default {
 	name: 'PublicElement',
@@ -70,6 +83,7 @@ export default {
 		DeleteRows,
 		EditRow,
 		EmptyView,
+		TrayArrowDown,
 		TableView,
 		NcActions,
 		NcActionButton,
@@ -123,5 +137,9 @@ export default {
 		unsubscribe('tables:row:edit')
 		unsubscribe('tables:row:delete')
 	},
+
+	methods: {
+		t,
+	},
 }
 </script>
diff --git a/src/modules/main/sections/View.vue b/src/modules/main/sections/View.vue
index c227d01c9b..60258c34b5 100644
--- a/src/modules/main/sections/View.vue
+++ b/src/modules/main/sections/View.vue
@@ -22,7 +22,7 @@
 				:can-edit-columns="canManageTable(view)"
 				:can-delete-columns="canManageTable(view)"
 				:can-delete-table="canManageTable(view)">
-				<template #actions>
+				<template #actions="{ isFiltered, onExportFiltered }">
 					<NcActions :force-menu="true" :type="isViewSettingSet ? 'secondary' : 'tertiary'">
 						<NcActionCaption v-if="canManageElement(view)" :name="t('tables', 'Manage view')" />
 						<NcActionButton v-if="canManageElement(view) "
@@ -49,10 +49,21 @@
 							</template>
 							{{ t('tables', 'Import') }}
 						</NcActionButton>
-						<NcActionButton v-if="canReadData(view)" :close-after-click="true"
-							icon="icon-download"
+						<NcActionButton v-if="canReadData(view)"
+							:close-after-click="true"
 							@click="$emit('download-csv')">
-							{{ t('tables', 'Export as CSV') }}
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export all rows') }}
+						</NcActionButton>
+						<NcActionButton v-if="canReadData(view) && isFiltered"
+							:close-after-click="true"
+							@click="onExportFiltered">
+							<template #icon>
+								<TrayArrowDown :size="20" decorative />
+							</template>
+							{{ t('tables', 'Export filtered rows') }}
 						</NcActionButton>
 						<NcActionButton v-if="canShareElement(view)"
 							:close-after-click="true"
@@ -84,6 +95,7 @@ import { emit } from '@nextcloud/event-bus'
 import { NcActions, NcActionButton, NcActionCaption } from '@nextcloud/vue'
 import TableColumnPlusAfter from 'vue-material-design-icons/TableColumnPlusAfter.vue'
 import PlaylistEdit from 'vue-material-design-icons/PlaylistEdit.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 import IconImport from 'vue-material-design-icons/Import.vue'
 import Connection from 'vue-material-design-icons/Connection.vue'
 import ElementTitle from './ElementTitle.vue'
@@ -93,6 +105,7 @@ export default {
 	components: {
 		TableDescription,
 		EmptyView,
+		TrayArrowDown,
 		TableView,
 		PlaylistEdit,
 		IconImport,
diff --git a/src/modules/navigation/partials/NavigationTableItem.vue b/src/modules/navigation/partials/NavigationTableItem.vue
index c09498ee30..7c85ea23cd 100644
--- a/src/modules/navigation/partials/NavigationTableItem.vue
+++ b/src/modules/navigation/partials/NavigationTableItem.vue
@@ -64,7 +64,7 @@
 			<NcActionButton @click="exportFile">
 				{{ t('tables', 'Export') }}
 				<template #icon>
-					<Export :size="20" />
+					<TrayArrowDown :size="20" />
 				</template>
 			</NcActionButton>
 			<!-- INTEGRATION -->
@@ -151,7 +151,7 @@ import activityMixin from '../../../shared/mixins/activityMixin.js'
 import { getCurrentUser, getRequestToken } from '@nextcloud/auth'
 import Connection from 'vue-material-design-icons/Connection.vue'
 import Import from 'vue-material-design-icons/Import.vue'
-import Export from 'vue-material-design-icons/Export.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 import NavigationViewItem from './NavigationViewItem.vue'
 import PlaylistPlus from 'vue-material-design-icons/PlaylistPlus.vue'
 import IconRename from 'vue-material-design-icons/RenameOutline.vue'
@@ -169,7 +169,7 @@ export default {
 		ArchiveArrowDown,
 		ArchiveArrowUpOutline,
 		Import,
-		Export,
+		TrayArrowDown,
 		NavigationViewItem,
 		NcActionButton,
 		NcAppNavigationItem,
diff --git a/src/shared/components/ncTable/NcTable.vue b/src/shared/components/ncTable/NcTable.vue
index 35386f8af6..8baad4b418 100644
--- a/src/shared/components/ncTable/NcTable.vue
+++ b/src/shared/components/ncTable/NcTable.vue
@@ -43,8 +43,9 @@ deselect-all-rows        -> unselect all rows, e.g. after deleting selected rows
 <template>
 	<div ref="table" class="NcTable" data-cy="ncTable">
 		<div class="options row" style="padding-right: calc(var(--default-grid-baseline) * 2);">
-			<Options :rows="getSearchedAndFilteredAndSortedRows" :all-rows="rows" :columns="parsedColumns" :element-id="elementId" :is-view="isView"
-				:selected-rows="localSelectedRows" :show-options="parsedColumns.length !== 0"
+			<Options :rows="rows" :all-rows="rows" :columns="parsedColumns" :element-id="elementId" :is-view="isView"
+				:selected-rows="localSelectedRows" :filtered-rows="getSearchedAndFilteredAndSortedRows"
+				:show-options="parsedColumns.length !== 0"
 				:view-setting.sync="localViewSetting" :config="config" @create-row="$emit('create-row')"
 				@download-csv="data => downloadCsv(data, parsedColumns, downloadTitle)"
 				@set-search-string="str => setSearchString(str)"
@@ -61,7 +62,9 @@ deselect-all-rows        -> unselect all rows, e.g. after deleting selected rows
 				@update-selected-rows="rowIds => localSelectedRows = rowIds"
 				@download-csv="data => downloadCsv(data, parsedColumns, table)">
 				<template #actions>
-					<slot name="actions" />
+					<slot name="actions"
+						:is-filtered="isFilteredComputed"
+						:on-export-filtered="() => downloadCsv(getSearchedAndFilteredAndSortedRows, parsedColumns, downloadTitle)" />
 				</template>
 			</CustomTable>
 			<NcEmptyContent v-else-if="config.canCreateRows && rows.length === 0"
@@ -245,6 +248,9 @@ export default {
 		emptyStateButtonLabel() {
 			return this.isFormMode ? t('tables', 'Fill form') : t('tables', 'Create row')
 		},
+		isFilteredComputed() {
+			return (this.localViewSetting?.filter?.length > 0) || !!this.localViewSetting?.searchString
+		},
 
 		sorting() {
 			return this.viewSetting?.sorting
diff --git a/src/shared/components/ncTable/sections/Options.vue b/src/shared/components/ncTable/sections/Options.vue
index de6441e06d..ed6bf796d5 100644
--- a/src/shared/components/ncTable/sections/Options.vue
+++ b/src/shared/components/ncTable/sections/Options.vue
@@ -32,11 +32,17 @@
 					{{ n('tables', '%n selected row', '%n selected rows', selectedRows.length, {}) }}
 				</div>
 				<NcActions type="secondary" :force-name="true" :inline="showFullOptions ? 2 : 0">
-					<NcActionButton close-after-click @click="exportCsv">
+					<NcActionButton close-after-click data-cy="exportSelectedBtn" @click="exportSelected">
 						<template #icon>
-							<Export :size="20" />
+							<TrayArrowDown :size="20" />
 						</template>
-						{{ t('tables', 'Export CSV') }}
+						{{ t('tables', 'Export selected rows') }}
+					</NcActionButton>
+					<NcActionButton v-if="isFiltered" close-after-click data-cy="exportFilteredBtn" @click="exportFiltered">
+						<template #icon>
+							<TrayArrowDown :size="20" />
+						</template>
+						{{ t('tables', 'Export filtered rows') }}
 					</NcActionButton>
 					<NcActionButton v-if="config.canDeleteRows" close-after-click @click="deleteSelectedRows">
 						<template #icon>
@@ -63,11 +69,11 @@ import { emit } from '@nextcloud/event-bus'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import Check from 'vue-material-design-icons/CheckboxBlankOutline.vue'
 import Delete from 'vue-material-design-icons/TrashCanOutline.vue'
-import Export from 'vue-material-design-icons/Export.vue'
+import TrayArrowDown from 'vue-material-design-icons/TrayArrowDown.vue'
 import viewportHelper from '../../../mixins/viewportHelper.js'
 import SearchForm from '../partials/SearchForm.vue'
 import PaginationBlock from './PaginationBlock.vue'
-import { translate as t } from '@nextcloud/l10n'
+import { translate as t, translatePlural as n } from '@nextcloud/l10n'
 
 export default {
 	name: 'Options',
@@ -80,7 +86,7 @@ export default {
 		Plus,
 		Check,
 		Delete,
-		Export,
+		TrayArrowDown,
 		PaginationBlock,
 	},
 
@@ -115,6 +121,10 @@ export default {
 			type: Array,
 			default: null,
 		},
+		filteredRows: {
+			type: Array,
+			default: () => [],
+		},
 		viewSetting: {
 			type: Object,
 			default: null,
@@ -145,19 +155,30 @@ export default {
 		showFullOptions() {
 			return this.optionsDivWidth > 800
 		},
+		isFiltered() {
+			return (this.viewSetting?.filter?.length > 0) || !!this.viewSetting?.searchString
+		},
 	},
 
-	created() {
+	mounted() {
 		this.updateOptionsDivWidth()
 		window.addEventListener('resize', this.updateOptionsDivWidth)
 	},
 
+	beforeDestroy() {
+		window.removeEventListener('resize', this.updateOptionsDivWidth)
+	},
+
 	methods: {
 		t,
+		n,
 		updateOptionsDivWidth() {
-			this.optionsDivWidth = document.getElementsByClassName('options row')[0]?.offsetWidth
+			this.optionsDivWidth = this.$el?.offsetWidth
 		},
-		exportCsv() {
+		exportFiltered() {
+			this.$emit('download-csv', this.filteredRows)
+		},
+		exportSelected() {
 			this.$emit('download-csv', this.getSelectedRows)
 		},
 		getRowById(rowId) {
@@ -254,4 +275,5 @@ export default {
 		flex: 1 1 auto;
 	}
 }
+
 </style>