[SOLVED] Search in a Data Table

1

Is it possible to Search in a Data Table?

<form data-search-container=".search-list" data-search-in=".label-cell" class="searchbar searchbar-init">..</form>

<div class="data-table"><table><tbody><tr><td class="label-cell">Tom Brady</td>..

2

Where is search-list class you reference in data-search-container attribute? You need to add this class to data table. Also add data-search-item="tr" http://framework7.io/docs/searchbar.html#searchbar-parameters

1 Like
3

Works great! Thanks. Here’s my working code.

<form data-search-container=".search-content-list" data-search-item="tr" data-search-in=".label-cell" class="searchbar searchbar-init">...

<div class="data-table search-content-list">...

Seems to need both data-search-item and data-search-in.

1 Like
4

yes, searchItem means single item to iterate over, searchIn means where to search inside of that searchItem