Improve table column width handling when custom widths are applied

This commit is contained in:
Andrew Kingston 2022-02-21 14:47:01 +00:00
parent 58d7a30894
commit d016db95dd
3 changed files with 19 additions and 11 deletions

View File

@ -10,6 +10,6 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
max-width: var(--max-cell-width);
}
</style>

View File

@ -41,6 +41,7 @@
</script>
{#if renderer && (customRenderer || (cellValue != null && cellValue !== ""))}
<div style="--max-cell-width: {schema.width ? 'none' : '200px'};">
<svelte:component
this={renderer}
{row}
@ -50,4 +51,11 @@
>
<slot />
</svelte:component>
</div>
{/if}
<style>
div {
display: contents;
}
</style>

View File

@ -9,6 +9,6 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 200px;
max-width: var(--max-cell-width);
}
</style>