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

Fixed #6982 - DataTable: Frozen Columns, headers are overlapping wrongly

master
tugcekucukoglu 2024-12-20 12:52:25 +03:00
parent e56b6cc608
commit e5af2d3ad0
6 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/primevue/src/datatable/BodyCell.vue
View File

@ -496,7 +496,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -505,7 +505,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';

4
packages/primevue/src/datatable/FooterCell.vue
View File

@ -73,7 +73,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -82,7 +82,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';

8
packages/primevue/src/datatable/HeaderCell.vue
View File

@ -283,7 +283,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -292,7 +292,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';
@ -304,8 +304,8 @@ export default {
let index = getIndex(this.$el); let index = getIndex(this.$el);
if (filterRow.children[index]) { if (filterRow.children[index]) {
filterRow.children[index].style.left = this.styleObject.left; filterRow.children[index].style['inset-inline-start'] = this.styleObject['inset-inline-start'];
filterRow.children[index].style.right = this.styleObject.right; filterRow.children[index].style['inset-inline-end'] = this.styleObject['inset-inline-end'];
} }
} }
} }

4
packages/primevue/src/treetable/BodyCell.vue
View File

@ -179,7 +179,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -188,7 +188,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';

4
packages/primevue/src/treetable/FooterCell.vue
View File

@ -73,7 +73,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -82,7 +82,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';

8
packages/primevue/src/treetable/HeaderCell.vue
View File

@ -122,7 +122,7 @@ export default {
let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]'); let next = getNextElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (next) { if (next) {
pos = getOuterWidth(next) + parseFloat(next.style.right || 0); pos = getOuterWidth(next) + parseFloat(next.style['inset-inline-end'] || 0);
} }
this.styleObject.insetInlineEnd = pos + 'px'; this.styleObject.insetInlineEnd = pos + 'px';
@ -131,7 +131,7 @@ export default {
let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]'); let prev = getPreviousElementSibling(this.$el, '[data-p-frozen-column="true"]');
if (prev) { if (prev) {
pos = getOuterWidth(prev) + parseFloat(prev.style.left || 0); pos = getOuterWidth(prev) + parseFloat(prev.style['inset-inline-start'] || 0);
} }
this.styleObject.insetInlineStart = pos + 'px'; this.styleObject.insetInlineStart = pos + 'px';
@ -142,8 +142,8 @@ export default {
if (filterRow) { if (filterRow) {
let index = getIndex(this.$el); let index = getIndex(this.$el);
filterRow.children[index].style.left = this.styleObject.left; filterRow.children[index].style['inset-inline-start'] = this.styleObject['inset-inline-start'];
filterRow.children[index].style.right = this.styleObject.right; filterRow.children[index].style['inset-inline-end'] = this.styleObject['inset-inline-end'];
} }
} }
}, },