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

Fixed #4957 - Datatable: stripedRows do not work correctly with virtual scroll

pull/4987/head
mertsincan 2023-12-20 11:51:03 +00:00
parent f06c2ea23a
commit ad98b8f795
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/lib/datatable/BodyRow.vue
View File

@ -33,6 +33,7 @@
@dragend="onRowDragEnd" @dragend="onRowDragEnd"
@drop="onRowDrop" @drop="onRowDrop"
v-bind="getBodyRowPTOptions('bodyRow')" v-bind="getBodyRowPTOptions('bodyRow')"
:data-p-index="rowIndex"
:data-p-selectable-row="selectionMode ? true : false" :data-p-selectable-row="selectionMode ? true : false"
:data-p-highlight="selection && isSelected" :data-p-highlight="selection && isSelected"
:data-p-highlight-contextmenu="contextMenuSelection && isSelectedWithContextMenu" :data-p-highlight-contextmenu="contextMenuSelection && isSelectedWithContextMenu"
@ -482,7 +483,7 @@ export default {
} }
} }
return [this.cx('row', { rowData: this.rowData }), rowStyleClass]; return [this.cx('row', { rowData: this.rowData, index: this.rowIndex }), rowStyleClass];
}, },
rowTabindex() { rowTabindex() {
if (this.selection === null && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) { if (this.selection === null && (this.selectionMode === 'single' || this.selectionMode === 'multiple')) {

4
components/lib/datatable/style/DataTableStyle.js
View File

@ -368,7 +368,7 @@ const classes = {
rowgroupHeader: 'p-rowgroup-header', rowgroupHeader: 'p-rowgroup-header',
rowGroupToggler: 'p-row-toggler p-link', rowGroupToggler: 'p-row-toggler p-link',
rowGroupTogglerIcon: 'p-row-toggler-icon', rowGroupTogglerIcon: 'p-row-toggler-icon',
row: ({ instance, props }) => { row: ({ instance, props, index }) => {
let rowStyleClass = []; let rowStyleClass = [];
if (props.selectionMode) { if (props.selectionMode) {
@ -387,6 +387,8 @@ const classes = {
}); });
} }
rowStyleClass.push(index % 2 === 0 ? 'p-row-even' : 'p-row-odd');
return rowStyleClass; return rowStyleClass;
}, },
rowExpansion: 'p-datatable-row-expansion', rowExpansion: 'p-datatable-row-expansion',