No Results Control

This control represents a text or HTML that is shown after filtering when no results are found.

HTML Structure

No results control is defined by required data-jplist-control="no-results" data attribute. The data-group attribute defines group of elements that should be filtered. Multiple not found controls are allowed.

<!-- different jplist filter controls -->
...

<!-- content to filter -->
<div data-jplist-group="group1">

    <!-- item -->
    <div data-jplist-item>
        <div class="title">Title value 1</div>
        ....
    </div>

    <!-- item -->
    <div data-jplist-item>
        <div class="title">Title value 1</div>
        ....
    </div>

    <!-- item -->
    <div data-jplist-item>
        <div class="title">Title value 1</div>
        ....
    </div>
                
    <!-- no results control -->               
    <div data-jplist-control="no-results" data-group="group1" data-name="no-results">No Results Found</div>

</div>

<!-- jplist library -->
<script src="jplist.min.js"></script>
<script>
    jplist.init();
</script>