Ensure table height is exactly perfect for row count regardless of scrollbars

This commit is contained in:
Andrew Kingston 2022-02-18 13:33:34 +00:00
parent e1dc778b4e
commit 61f689244e
1 changed files with 4 additions and 4 deletions

View File

@ -31,6 +31,8 @@
export let autoSortColumns = true export let autoSortColumns = true
export let compact = false export let compact = false
rowCount = 5
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
// Config // Config
@ -356,10 +358,10 @@
<style> <style>
/* Wrapper */ /* Wrapper */
.wrapper { .wrapper {
background-color: var(--spectrum-alias-background-color-secondary);
overflow: hidden;
position: relative; position: relative;
z-index: 0; z-index: 0;
overflow: auto;
background-color: var(--table-bg);
--table-bg: var(--spectrum-global-color-gray-50); --table-bg: var(--spectrum-global-color-gray-50);
--table-border: 1px solid var(--spectrum-alias-border-color-mid); --table-border: 1px solid var(--spectrum-alias-border-color-mid);
--cell-padding: 20px; --cell-padding: 20px;
@ -376,9 +378,7 @@
/* Table */ /* Table */
.spectrum-Table { .spectrum-Table {
width: 100%; width: 100%;
overflow: auto;
border-radius: 0; border-radius: 0;
background-color: var(--table-bg);
display: grid; display: grid;
} }