empty-list.component.md

Title	Added	Status
Empty list component	v2.0.0	Active

Empty list component

Displays a message indicating that a list is empty.

Basic Usage

<adf-datatable ...>

    <adf-empty-list>
        <adf-empty-list-header>"'My custom Header'"</adf-empty-list-header>
        <adf-empty-list-body>"'My custom body'"</adf-empty-list-body>
        <adf-empty-list-footer>"'My custom footer'"</adf-empty-list-footer>
        <ng-content>"'HTML Layout'"</ng-content>
    </adf-empty-list>

</adf-datatable>

Transclusions

You can supply a custom header, body, and footer for an empty list using special sub-components:

<adf-empty-list>
    <adf-empty-list-header>"'My custom Header'"</adf-empty-list-header>
    <adf-empty-list-body>"'My custom body'"</adf-empty-list-body>
    <adf-empty-list-footer>"'My custom footer'"</adf-empty-list-footer>
    <ng-content>"'HTML Layout'"</ng-content>
</adf-empty-list>

Class members

Details

This component provides a custom display to show when a Datatable component has no content.

See also

• Datatable component