From bfa9f99dc614e3b42fc16b719345547f635093e7 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Thu, 24 Sep 2020 15:51:23 +0300
Subject: [PATCH] Aligned scrollbar

---
 src/components/datatable/ScrollableView.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/datatable/ScrollableView.vue b/src/components/datatable/ScrollableView.vue
index a9022c465..68fc1fee5 100755
--- a/src/components/datatable/ScrollableView.vue
+++ b/src/components/datatable/ScrollableView.vue
@@ -13,7 +13,7 @@
                 </table>
             </div>
         </div>
-        <div class="p-datatable-scrollable-body" ref="scrollBody" @scroll="onBodyScroll" :style="{maxHeight: scrollHeight !== 'flex' ? scrollHeight: null}">
+        <div class="p-datatable-scrollable-body" ref="scrollBody" @scroll="onBodyScroll" :style="bodyStyle">
             <table ref="scrollTable" :class="bodyTableClass" :style="bodyTableStyle">
                 <colgroup>
                     <template v-for="(col,i) of columns">
@@ -216,6 +216,12 @@ export default {
         },
         bodyTableStyle() {
             return this.virtualScroll ? {top: '0'} : null;
+        },
+        bodyStyle() {
+            return {
+                maxHeight: this.scrollHeight !== 'flex' ? this.scrollHeight: null,
+                overflowY: !this.frozen && this.scrollHeight ? 'scroll': null
+            }
         }
     },
     components: {