Data Table

<div ui="data-table" data-page-size="5" data-empty-text="محصولی با این نام پیدا نشد.">
  <label ui="field"><span>جست‌وجوی محصول</span><input type="search" data-table-search placeholder="مثلاً زعفران یا 12"></label>
  <div ui="table-wrap">
    <table ui="table">
      <caption>موجودی انبار</caption>
      <thead><tr><th data-sort="text">محصول</th><th data-sort="text">دسته</th><th data-sort="number">قیمت</th><th data-sort="number">موجودی</th></tr></thead>
      <tbody>
        <tr><td>چای سبز ممتاز</td><td>نوشیدنی</td><td data-value="185000">۱۸۵٬۰۰۰ تومان</td><td data-value="42">۴۲</td></tr><tr><td>زعفران سرگل</td><td>ادویه</td><td data-value="1250000">۱٬۲۵۰٬۰۰۰ تومان</td><td data-value="18">۱۸</td></tr><tr><td>عسل کوهستان</td><td>شیرینی</td><td data-value="640000">۶۴۰٬۰۰۰ تومان</td><td data-value="0">۰</td></tr><tr><td>پسته اکبری</td><td>خشکبار</td><td data-value="890000">۸۹۰٬۰۰۰ تومان</td><td data-value="27">۲۷</td></tr><tr><td>سنگ نمک ریز</td><td>ادویه</td><td data-value="95000">۹۵٬۰۰۰ تومان</td><td data-value="120">۱۲۰</td></tr><tr><td>مربای به</td><td>شیرینی</td><td data-value="210000">۲۱۰٬۰۰۰ تومان</td><td data-value="9">۹</td></tr><tr><td>بادام زمینی</td><td>خشکبار</td><td data-value="310000">۳۱۰٬۰۰۰ تومان</td><td data-value="64">۶۴</td></tr><tr><td>دمنوش آرامش</td><td>نوشیدنی</td><td data-value="165000">۱۶۵٬۰۰۰ تومان</td><td data-value="33">۳۳</td></tr><tr><td>گلاب کاشان</td><td>نوشیدنی</td><td data-value="120000">۱۲۰٬۰۰۰ تومان</td><td data-value="51">۵۱</td></tr><tr><td>کشمش پلویی</td><td>خشکبار</td><td data-value="260000">۲۶۰٬۰۰۰ تومان</td><td data-value="15">۱۵</td></tr><tr><td>رب انار</td><td>شیرینی</td><td data-value="175000">۱۷۵٬۰۰۰ تومان</td><td data-value="22">۲۲</td></tr><tr><td>سماق درجه یک</td><td>ادویه</td><td data-value="140000">۱۴۰٬۰۰۰ تومان</td><td data-value="38">۳۸</td></tr>
      </tbody>
    </table>
  </div>
</div>