From 647c77521f76ca3de95fa2deffd95ac6e1753093 Mon Sep 17 00:00:00 2001
From: Choi Won <help@myso.kr>
Date: Sun, 26 Mar 2023 23:03:34 +0900
Subject: [PATCH] responsive any height

Fixed
- The datatable resizes reliably at any height.

```
<style>
.h-screen { height: 100vh; }
</style>

<template>
  <EasyDatatable class="h-screen" items="items" :headers="headers"></EasyDatatable>
</template>
```
---
 src/scss/vue3-easy-data-table.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/scss/vue3-easy-data-table.scss b/src/scss/vue3-easy-data-table.scss
index b537a73..1a114e2 100644
--- a/src/scss/vue3-easy-data-table.scss
+++ b/src/scss/vue3-easy-data-table.scss
@@ -2,12 +2,17 @@
   border: var(--easy-table-border);
   position: relative;
   box-sizing: border-box;
+  overflow: hidden; // responsive any height (@myso-kr)
+  display: flex; // responsive any height (@myso-kr)
+  flex-direction: column; // responsive any height (@myso-kr)
 }
 .vue3-easy-data-table__main {
   border: none;
   width: 100%;
   overflow: auto;
   background-color: var(--easy-table-body-row-background-color);
+  flex-grow: 1; // responsive any height (@myso-kr)
+  flex: 1 1 0%; // responsive any height (@myso-kr)
 
   &::-webkit-scrollbar-track
   {
@@ -313,4 +318,4 @@ table {
   top: 0px;
   left: 0px;
   z-index: 1;
-}
\ No newline at end of file
+}