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

Refactor #5592 - For DataTable

pull/5677/head
tugcekucukoglu 2024-05-02 15:10:01 +03:00
parent ac8aeac72f
commit 8967dd69ac
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/lib/datatable/BodyCell.vue
View File

@ -64,21 +64,21 @@
<template v-else-if="columnProp('expander')"> <template v-else-if="columnProp('expander')">
<button <button
v-ripple v-ripple
:class="cx('rowToggler')" :class="cx('rowToggleButton')"
type="button" type="button"
:aria-expanded="isRowExpanded" :aria-expanded="isRowExpanded"
:aria-controls="ariaControls" :aria-controls="ariaControls"
:aria-label="expandButtonAriaLabel" :aria-label="expandButtonAriaLabel"
@click="toggleRow" @click="toggleRow"
v-bind="getColumnPT('rowToggler')" v-bind="getColumnPT('rowToggleButton')"
data-pc-group-section="rowactionbutton" data-pc-group-section="rowactionbutton"
> >
<component v-if="column.children && column.children.rowtogglericon" :is="column.children.rowtogglericon" :class="cx('rowTogglerIcon')" :rowExpanded="isRowExpanded" /> <component v-if="column.children && column.children.rowtogglericon" :is="column.children.rowtogglericon" :class="cx('rowToggleIcon')" :rowExpanded="isRowExpanded" />
<template v-else> <template v-else>
<span v-if="isRowExpanded && expandedRowIcon" :class="[cx('rowTogglerIcon'), expandedRowIcon]" /> <span v-if="isRowExpanded && expandedRowIcon" :class="[cx('rowToggleIcon'), expandedRowIcon]" />
<ChevronDownIcon v-else-if="isRowExpanded && !expandedRowIcon" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" /> <ChevronDownIcon v-else-if="isRowExpanded && !expandedRowIcon" :class="cx('rowToggleIcon')" v-bind="getColumnPT('rowToggleIcon')" />
<span v-else-if="!isRowExpanded && collapsedRowIcon" :class="[cx('rowTogglerIcon'), collapsedRowIcon]" /> <span v-else-if="!isRowExpanded && collapsedRowIcon" :class="[cx('rowToggleIcon'), collapsedRowIcon]" />
<ChevronRightIcon v-else-if="!isRowExpanded && !collapsedRowIcon" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" /> <ChevronRightIcon v-else-if="!isRowExpanded && !collapsedRowIcon" :class="cx('rowToggleIcon')" v-bind="getColumnPT('rowToggleIcon')" />
</template> </template>
</button> </button>
</template> </template>