vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Export button pos

pull/6483/head
Cagatay Civici 2024-09-26 12:03:44 +03:00
parent 53dab14b88
commit 72fd3c80f3
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/datatable/ExportDoc.vue
View File

@ -6,7 +6,7 @@
<div class="card"> <div class="card">
<DataTable ref="dt" :value="products" tableStyle="min-width: 50rem"> <DataTable ref="dt" :value="products" tableStyle="min-width: 50rem">
<template #header> <template #header>
<div style="text-align: left"> <div class="text-end pb-4">
<Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" /> <Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" />
</div> </div>
</template> </template>
@ -31,7 +31,7 @@ export default {
basic: ` basic: `
<DataTable :value="products" ref="dt" tableStyle="min-width: 50rem"> <DataTable :value="products" ref="dt" tableStyle="min-width: 50rem">
<template #header> <template #header>
<div style="text-align: left"> <div class="text-end pb-4">
<Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" /> <Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" />
</div> </div>
</template> </template>
@ -46,7 +46,7 @@ export default {
<div> <div>
<DataTable :value="products" ref="dt" tableStyle="min-width: 50rem"> <DataTable :value="products" ref="dt" tableStyle="min-width: 50rem">
<template #header> <template #header>
<div style="text-align: left"> <div class="text-end pb-4">
<Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" /> <Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" />
</div> </div>
</template> </template>
@ -84,7 +84,7 @@ export default {
<div> <div>
<DataTable :value="products" ref="dt" tableStyle="min-width: 50rem"> <DataTable :value="products" ref="dt" tableStyle="min-width: 50rem">
<template #header> <template #header>
<div style="text-align: left"> <div class="text-end pb-4">
<Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" /> <Button icon="pi pi-external-link" label="Export" @click="exportCSV($event)" />
</div> </div>
</template> </template>

32
apps/showcase/doc/datatable/samples/ProductsDoc.vue
View File

@ -6,13 +6,13 @@
<div class="card"> <div class="card">
<Toolbar class="mb-6"> <Toolbar class="mb-6">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" /> <Button label="New" icon="pi pi-plus" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" outlined @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
<template #end> <template #end>
<FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="mr-2" auto /> <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" customUpload chooseLabel="Import" class="mr-2" auto :chooseButtonProps="{ severity: 'secondary' }" />
<Button label="Export" icon="pi pi-upload" severity="help" @click="exportCSV($event)" /> <Button label="Export" icon="pi pi-upload" severity="secondary" @click="exportCSV($event)" />
</template> </template>
</Toolbar> </Toolbar>
@ -183,13 +183,13 @@ export default {
basic: ` basic: `
<Toolbar class="mb-6"> <Toolbar class="mb-6">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" /> <Button label="New" icon="pi pi-plus" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" outlined @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
<template #end> <template #end>
<FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="mr-2" auto /> <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" customUpload chooseLabel="Import" class="mr-2" auto :chooseButtonProps="{ severity: 'secondary' }" />
<Button label="Export" icon="pi pi-upload" severity="help" @click="exportCSV($event)" /> <Button label="Export" icon="pi pi-upload" severity="secondary" @click="exportCSV($event)" />
</template> </template>
</Toolbar> </Toolbar>
@ -255,13 +255,13 @@ export default {
<div class="card"> <div class="card">
<Toolbar class="mb-6"> <Toolbar class="mb-6">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" /> <Button label="New" icon="pi pi-plus" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" outlined @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
<template #end> <template #end>
<FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="mr-2" auto /> <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" customUpload chooseLabel="Import" class="mr-2" auto :chooseButtonProps="{ severity: 'secondary' }" />
<Button label="Export" icon="pi pi-upload" severity="help" @click="exportCSV($event)" /> <Button label="Export" icon="pi pi-upload" severity="secondary" @click="exportCSV($event)" />
</template> </template>
</Toolbar> </Toolbar>
@ -547,13 +547,13 @@ export default {
<div class="card"> <div class="card">
<Toolbar class="mb-6"> <Toolbar class="mb-6">
<template #start> <template #start>
<Button label="New" icon="pi pi-plus" severity="success" class="mr-2" @click="openNew" /> <Button label="New" icon="pi pi-plus" class="mr-2" @click="openNew" />
<Button label="Delete" icon="pi pi-trash" severity="danger" @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" /> <Button label="Delete" icon="pi pi-trash" severity="danger" outlined @click="confirmDeleteSelected" :disabled="!selectedProducts || !selectedProducts.length" />
</template> </template>
<template #end> <template #end>
<FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="mr-2" auto /> <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" customUpload chooseLabel="Import" class="mr-2" auto :chooseButtonProps="{ severity: 'secondary' }" />
<Button label="Export" icon="pi pi-upload" severity="help" @click="exportCSV($event)" /> <Button label="Export" icon="pi pi-upload" severity="secondary" @click="exportCSV($event)" />
</template> </template>
</Toolbar> </Toolbar>