Cannot set a default row on b-table when data is empty

[jsunier]

Overview of the problem

Buefy version: [0.4.4]
Vuejs version: [2.3.4]
OS/Browser: Windows 10/Chrome 59/Firefox 54

Description

Hi, i would like to add a default row in a <b-table> when my array (data) is empty.
Is there a correct way to do it without changing the source code ?

Steps to reproduce

Just make a simple <b-table> and use an empty array as data source.
Example with a simple table:

[rafaberaldo]

Does it have to be a row or do you want to display just a message that there's nothing?

[jsunier]

The ideal solution will be to display a single message in a row and keep the <thead> untouched.

Using a slot on a <td> or <th> would be great i think.

Example:

<b-table
        :data="myArray"
        :paginated="true"
        :per-page="25">
        <template scope="props">
            <b-table-column field="test" label="Test">
                {{props.row.test}}
            </b-table-column>
            <b-table-column field="value" label="Value">
                {{props.row.value}}
            </b-table-column>
            <td slot="empty" colspan="2">
                Sorry, there is nothing to display here.
            </td>
        </template>
    </b-table>

[rafaberaldo]

Yep I thought about that, it's nice to have, going to add.

[coderabsolute]

Am wondering if this functionality was added?

[jtommy]

@coderabsolute Yes, you have to use empty slot

[coderabsolute]

@jtommy I thought empty slot is just to display the message like No records found. But, I want my columns to be visible as well, how do I achieve this?

[jtommy]

No it's no possible at the moment.

[coderabsolute]

Is there any workaround you can think of to make my columns visible when the data array is empty, please?

[jtommy]

What do you mean with columns? Header?

[coderabsolute]

Ah sorry, I meant Header (not columns)..

[jtommy]

There is already an issue a about it. Please follow it and we'll think how and when add it, if possible.