vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3832 Refactor #3833 - DataTable paginator icon support

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-14 17:58:51 +03:00
parent 48e8510d18
commit 694bfbfba5
3 changed files with 56 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/lib/datatable/DataTable.d.ts vendored
View file

@ -919,6 +919,22 @@ export interface DataTableSlots {
*/
expanded: boolean;
}): VNode[];
/**
* Custom paginator first page link icon template.
*/
paginatorfirstpagelinkicon(): VNode[];
/**
* Custom paginator previous page link icon template.
*/
paginatorprevpagelinkicon(): VNode[];
/**
* Custom paginator next page link icon template.
*/
paginatornextpagelinkicon(): VNode[];
/**
* Custom paginator last page link icon template.
*/
paginatorlastpagelinkicon(): VNode[];
}
/**
* Defines valid emits in Datatable component.

24
components/lib/datatable/DataTable.vue
View file

@ -27,6 +27,18 @@
<template v-if="$slots.paginatorend" #end>
<slot name="paginatorend"></slot>
</template>
<template v-if="$slots.paginatorfirstpagelinkicon" #firstpagelinkicon>
<slot name="paginatorfirstpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatorprevpagelinkicon" #prevpagelinkicon>
<slot name="paginatorprevpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatornextpagelinkicon" #nextpagelinkicon>
<slot name="paginatornextpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatorlastpagelinkicon" #lastpagelinkicon>
<slot name="paginatorlastpagelinkicon"></slot>
</template>
</DTPaginator>
<div class="p-datatable-wrapper" :style="{ maxHeight: virtualScrollerDisabled ? scrollHeight : '' }">
<DTVirtualScroller
@ -214,6 +226,18 @@
<template v-if="$slots.paginatorend" #end>
<slot name="paginatorend"></slot>
</template>
<template v-if="$slots.paginatorfirstpagelinkicon" #firstpagelinkicon>
<slot name="paginatorfirstpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatorprevpagelinkicon" #prevpagelinkicon>
<slot name="paginatorprevpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatornextpagelinkicon" #nextpagelinkicon>
<slot name="paginatornextpagelinkicon"></slot>
</template>
<template v-if="$slots.paginatorlastpagelinkicon" #lastpagelinkicon>
<slot name="paginatorlastpagelinkicon"></slot>
</template>
</DTPaginator>
<div ref="resizeHelper" class="p-column-resizer-helper" style="display: none"></div>
<span v-if="reorderableColumns" ref="reorderIndicatorUp" class="p-datatable-reorder-indicator-up" style="position: absolute; display: none">