Refactor #3832 Refactor #3833 - DataTable paginator icon support

pull/3868/head
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

View File

@ -1157,6 +1157,22 @@ const DataTableSlots = [
{ {
name: 'rowgrouptogglericon', name: 'rowgrouptogglericon',
description: 'Custom rowgroup toggler icon template.' description: 'Custom rowgroup toggler icon template.'
},
{
name: 'paginatorfirstpagelinkicon',
description: 'Custom paginator first page link icon template.'
},
{
name: 'paginatorprevpagelinkicon',
description: 'Custom paginator prev page link icon template.'
},
{
name: 'paginatornextpagelinkicon',
description: 'Custom paginator next page link icon template.'
},
{
name: 'paginatorlastpagelinkicon',
description: 'Custom paginator last page link icon template.'
} }
]; ];

View File

@ -919,6 +919,22 @@ export interface DataTableSlots {
*/ */
expanded: boolean; expanded: boolean;
}): VNode[]; }): 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. * Defines valid emits in Datatable component.

View File

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