Browse Source

Improve table column width handling when custom widths are applied

pull/4608/head
Andrew Kingston 5 years ago
parent
commit
c701151bae
  1. 2
      packages/bbui/src/Table/BoldRenderer.svelte
  2. 26
      packages/bbui/src/Table/CellRenderer.svelte
  3. 2
      packages/bbui/src/Table/StringRenderer.svelte

2
packages/bbui/src/Table/BoldRenderer.svelte

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

26
packages/bbui/src/Table/CellRenderer.svelte

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

2
packages/bbui/src/Table/StringRenderer.svelte

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

Loading…
Cancel
Save