search

rubanraj54 / vue-bootstrap4-table

Advanced table based on Vue 2 and Bootstrap 4 ⚡️
MIT License
219 stars 57 forks source link

Loading GIF will processing server request #13

Closed Chris-Pratt-Clystnet closed 4 years ago

Chris-Pratt-Clystnet commented 5 years ago

Would it be possible to have a loading icon shown in the table body while requests to the server are being handled.

I request this as I have run into instances where a user has a slow network connection and are getting confused on pages with a data table as all they see is is no data and have no idea that a server request is actually happening.

rubanraj54 commented 5 years ago

Hi @Chris-Pratt-Clystnet ,

That's a valid request and I've already had this feature in my todo list. So Probably I will implement this feature in my upcoming release.

Cheers, Ruby.

Chris-Pratt-Clystnet commented 5 years ago

Thanks for the info I will keep a watch out for this update

pordonez commented 5 years ago

It would be nice if we could control/bind to the "No results found" message. Thank you.

rubanraj54 commented 5 years ago

Hi @pordonez ,

You could use "empty-results" slot to override the "No results found" message.

Example:

<vue-bootstrap4-table :rows="rows"
                    :columns="columns"
                    :config="config"
                    :actions="actions">

    <template slot="empty-results">
        your custom message
    </template>
</vue-bootstrap4-table>

Cheers, Ruby.

Chris-Pratt-Clystnet commented 4 years ago

Any news on this feature ?

rubanraj54 commented 4 years ago

Hey @Chris-Pratt-Clystnet ,

Nowadays I am busy with some other projects but still I spend some time for this. This weekend I will try to implement this feature.

Cheers, Ruby.

rubanraj54 commented 4 years ago

Hey @Chris-Pratt-Clystnet, This feature is implemented and available from version 1.1.11.

You can find the details here https://github.com/rubanraj54/vue-bootstrap4-table#162-loader-overlay about how to use the animation.

Cheers, Ruby.