From 67720d17501eff7599217b188931f1f58498a4fc Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 8 Sep 2020 14:48:52 +0300 Subject: [PATCH] Fixed #462 - Scrollable Table alignment improvement --- src/components/datatable/ScrollableView.vue | 26 +++------------------ 1 file changed, 3 insertions(+), 23 deletions(-) diff --git a/src/components/datatable/ScrollableView.vue b/src/components/datatable/ScrollableView.vue index 15a6663f5..6481ad26a 100755 --- a/src/components/datatable/ScrollableView.vue +++ b/src/components/datatable/ScrollableView.vue @@ -104,10 +104,6 @@ export default { } }, updated() { - if (!this.frozen) { - this.alignScrollBar(); - } - if (this.virtualScrollCallback) { this.virtualScrollCallback(); this.virtualScrollCallback = null; @@ -169,28 +165,12 @@ export default { } } }, - hasVerticalOverflow() { - return DomHandler.getOuterHeight(this.$refs.scrollTable) > DomHandler.getOuterHeight(this.$refs.scrollBody); - }, alignScrollBar() { - let scrollBarWidth = this.hasVerticalOverflow() ? DomHandler.calculateScrollbarWidth() : 0; + let scrollBarWidth = DomHandler.calculateScrollbarWidth(); - this.$refs.scrollHeaderBox.style.marginRight = scrollBarWidth + 'px'; + this.$refs.scrollHeaderBox.style.paddingRight = scrollBarWidth + 'px'; if (this.$refs.scrollFooterBox) { - this.$refs.scrollFooterBox.style.marginRight = scrollBarWidth + 'px'; - } - }, - findDataTableContainer(element) { - if (element) { - let el = element; - while (el && !DomHandler.hasClass(el, 'p-datatable')) { - el = el.parentElement; - } - - return el; - } - else { - return null; + this.$refs.scrollFooterBox.style.paddingRight = scrollBarWidth + 'px'; } }, shouldRenderCol(column) {