Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

data-table loading and empty data text

See original GitHub issue

Bug, feature request, or proposal:

feature request

there is a common usage showing text to tell apart loading or empty data. currently it’s complex to do with md-table

it will be much simplify to have a direct API.

<md-table 
loading="Loading data..." // before dataSource emit any result.
empty="No result to show" // dataSource emitted a empty array.
>

<md-table>
<md-table-loading><p>a complex html text for loading</p></md-table-loading>
<md-table-empty><p>yet another complex html text</p></md-table-empty>
</md-table>

Issue Analytics

State:
Created 6 years ago
Reactions:17
Comments:7 (1 by maintainers)

Top GitHub Comments

10reactions

andrewseguincommented, Jul 23, 2017

Check out this example to see what it would look like to include loading, using a simple div next to the table. https://plnkr.co/edit/VAvjp7t5jqtUKfHv4ogM?p=preview

Since the table is focused on the rows (not the header or paginator, or any other surrounding elements), its already available to the user to implement something similar to <md-table-loading> which can be showed with an *ngIf

5reactions

mikejohansoncommented, Jul 24, 2017

Hey @andrewseguin, would it be possible to update the plunker so that the Expression has changed after it was checked error isn’t thrown when updating the isLoading property?

Top Results From Across the Web

How to show empty data message in Datatables

If you want to customize the message that being shown on empty table use this: $('#example').dataTable( { "oLanguage": { "sEmptyTable": "My Custom Message ......

How can I edit/change the text of "No data available in table"

When the table returns empty rows, I would like to change the default text displayed i.e.,"No data available in table" into something like ......

lightning-datatable - documentation - Salesforce Developers

The default data type for a column is text . Object values passed into a text type column are displayed as an empty...

v-data-table API - Vuetify

If true and no items are provided, then a loading text will be shown. #loading-text. string. '$vuetify.dataIterator.loadingText'. Text shown when loading is ...

showOverlay of ui.datatable, Methods Webix Docs

Webix Documentation: Methods of ui.datatable. ... Loading Screen · Adding Overlay Text. Details. Good for "Loading" and "No data" notifications.