Skip to content

Conversation

@myso-kr
Copy link

@myso-kr myso-kr commented Mar 26, 2023

The datatable resizes reliably at any height.

Test code
<style> .h-screen { height: 100vh; } </style> <template> <EasyDatatable class="h-screen" items="items" :headers="headers"></EasyDatatable> </template>

What types of changes does your code introduce?

.vue3-easy-data-table { overflow: hidden; display: flex; flex-direction: column; .vue3-easy-data-table__main { flex-grow: 1; flex: 1 1 0%; } }

Put an x in the boxes that apply_

  • Fix
  • Feature

Checklist

Put an x in the boxes that apply._

  • Title as described
  • Add unit test by vitest if necessary
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> ```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant