Ensure table height is exactly perfect for row count regardless of scrollbars
This commit is contained in:
parent
e1dc778b4e
commit
61f689244e
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue