fix(data-table): do not render table header if title/description not provided

This commit is contained in:
Eric Y Liu 2021-07-05 12:32:42 -07:00
commit ba0e9087d5

View file

@ -206,18 +206,20 @@
</script>
<TableContainer {...$$restProps}>
<div class:bx--data-table-header="{true}">
{#if title || $$slots.title}
<h4 class:bx--data-table-header__title="{true}">
<slot name="title">{title}</slot>
</h4>
{/if}
{#if description || $$slots.description}
<p class:bx--data-table-header__description="{true}">
<slot name="description">{description}</slot>
</p>
{/if}
</div>
{#if title || $$slots.title || description || $$slots.description}
<div class:bx--data-table-header="{true}">
{#if title || $$slots.title}
<h4 class:bx--data-table-header__title="{true}">
<slot name="title">{title}</slot>
</h4>
{/if}
{#if description || $$slots.description}
<p class:bx--data-table-header__description="{true}">
<slot name="description">{description}</slot>
</p>
{/if}
</div>
{/if}
<slot />
<Table
zebra="{zebra}"