Table: Ability to show a "No data" tile

Detailed description

Describe in detail the issue you’re having.

I have a Table component that may happen to have no data to show and I handle that no data case with the following code:

<ibm-table [model]="myModel"></ibm-table>
<div *ngIf="myData.length === 0" class="bx--tile">No data.</div>

As you can see there’s a gap between the table headers and the no data block because the table still creates an empty row with no cells which pushes the no data block lower. It would be nice to have an embedded mechanism to the no data situation, for example an input field noDataMessage="No data" (or noDataTemplate) which will be showed automatically when the model contains no data. It should look like a complete component and not cut at the header bottom like it is right now.

Is this a feature request (new component, new icon), a bug, or a general issue?

Feature request

Is this issue related to a specific component?

Table

[carbon-bot]

🎉 This issue has been resolved in version 1.9.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[stanislavgeorgiev]

🥇