مونو اجزای متنوعی از جداول داده را با کمی سفارشیسازی که با استانداردهای طراحی آن مطابقت دارد، ارائه میدهد. برای اطلاعات بیشتر، لطفاً به مستندات رسمی جداول داده مراجعه کنید.
<table id="productsTable" class="table table-hover table-product" style="width:100%">
<thead>
<tr>
<th>تصویر</th>
<th>نام محصول</th>
<th>شناسه</th>
<th>تعداد</th>
<th>انواع</th>
<th>فروش روزانه</th>
<th>فروخته شده</th>
<th>موجودی</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td class="py-0">
<img src="images/products/products-xs-01.jpg" alt="Product Image">
</td>
<td>ساعت مچی</td>
<td>24541</td>
<td>27</td>
<td>1</td>
<td>
<div id="tbl-chart-01"></div>
</td>
<td>4</td>
<td>18</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-02.jpg" alt="Product Image">
</td>
<td>هدفون</td>
<td>24542</td>
<td>18</td>
<td>7</td>
<td>
<div id="tbl-chart-02"></div>
</td>
<td>1</td>
<td>14</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-03.jpg" alt="Product Image">
</td>
<td>کیف زنانه</td>
<td>24543</td>
<td>20</td>
<td>3</td>
<td>
<div id="tbl-chart-03"></div>
</td>
<td>6</td>
<td>26</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-04.jpg" alt="Product Image">
</td>
<td>فلش 16 گیگ</td>
<td>24544</td>
<td>37</td>
<td>8</td>
<td>
<div id="tbl-chart-04"></div>
</td>
<td>6</td>
<td>7</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-05.jpg" alt="Product Image">
</td>
<td>گوشی آیفون 15Pro</td>
<td>24545</td>
<td>8</td>
<td>3</td>
<td>
<div id="tbl-chart-05"></div>
</td>
<td>8</td>
<td>42</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-06.jpg" alt="Product Image">
</td>
<td>کوله پشتی</td>
<td>24546</td>
<td>19</td>
<td>6</td>
<td>
<div id="tbl-chart-06"></div>
</td>
<td>79</td>
<td>12</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-07.jpg" alt="Product Image">
</td>
<td>فلش 32 گیگ</td>
<td>24547</td>
<td>61</td>
<td>46</td>
<td>
<div id="tbl-chart-07"></div>
</td>
<td>76</td>
<td>36</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-08.jpg" alt="Product Image">
</td>
<td>لب تاپ دل</td>
<td>24548</td>
<td>33</td>
<td>56</td>
<td>
<div id="tbl-chart-08"></div>
</td>
<td>38</td>
<td>5</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-09.jpg" alt="Product Image">
</td>
<td>گوشی سامسونگ گلکسی A50</td>
<td>24549</td>
<td>3</td>
<td>9</td>
<td>
<div id="tbl-chart-09"></div>
</td>
<td>6</td>
<td>46</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-10.jpg" alt="Product Image">
</td>
<td>ادکلن زنانه</td>
<td>24550</td>
<td>61</td>
<td>56</td>
<td>
<div id="tbl-chart-10"></div>
</td>
<td>3</td>
<td>19</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-11.jpg" alt="Product Image">
</td>
<td>ساعت هوشمند شیائومی</td>
<td>24551</td>
<td>19</td>
<td>76</td>
<td>
<div id="tbl-chart-11"></div>
</td>
<td>3</td>
<td>17</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-12.jpg" alt="Product Image">
</td>
<td>غذاساز فیلیپس</td>
<td>24552</td>
<td>12</td>
<td>30</td>
<td>
<div id="tbl-chart-12"></div>
</td>
<td>26</td>
<td>9</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-13.jpg" alt="Product Image">
</td>
<td>کیف زنانه سفید</td>
<td>24553</td>
<td>14</td>
<td>65</td>
<td>
<div id="tbl-chart-13"></div>
</td>
<td>9</td>
<td>55</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-14.jpg" alt="Product Image">
</td>
<td>اسپری بدن</td>
<td>24554</td>
<td>43</td>
<td>29</td>
<td>
<div id="tbl-chart-14"></div>
</td>
<td>7</td>
<td>15</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
<tr>
<td class="py-0">
<img src="images/products/products-xs-15.jpg" alt="Product Image">
</td>
<td>هدفون سونی</td>
<td>24555</td>
<td>17</td>
<td>6</td>
<td>
<div id="tbl-chart-15"></div>
</td>
<td>6</td>
<td>98</td>
<td>
<div class="dropdown">
<a class="dropdown-toggle icon-burger-mini" href="#" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">عملیات</a>
<a class="dropdown-item" href="#">عملیات دیگر</a>
<a class="dropdown-item" href="#">یه چیز دیگه اینجا</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
| تصویر | نام محصول | شناسه | تعداد | انواع | فروش روزانه | فروخته شده | موجودی | |
|---|---|---|---|---|---|---|---|---|
|
ساعت مچی | 24541 | 27 | 1 | 4 | 18 | ||
|
هدفون | 24542 | 18 | 7 | 1 | 14 | ||
|
کیف زنانه | 24543 | 20 | 3 | 6 | 26 | ||
|
فلش 16 گیگ | 24544 | 37 | 8 | 6 | 7 | ||
|
گوشی آیفون 15Pro | 24545 | 8 | 3 | 8 | 42 | ||
|
کوله پشتی | 24546 | 19 | 6 | 79 | 12 | ||
|
فلش 32 گیگ | 24547 | 61 | 46 | 76 | 36 | ||
|
لب تاپ دل | 24548 | 33 | 56 | 38 | 5 | ||
|
گوشی سامسونگ گلکسی A50 | 24549 | 3 | 9 | 6 | 46 | ||
|
ادکلن زنانه | 24550 | 61 | 56 | 3 | 19 | ||
|
ساعت هوشمند شیائومی | 24551 | 19 | 76 | 3 | 17 | ||
|
غذاساز فیلیپس | 24552 | 12 | 30 | 26 | 9 | ||
|
کیف زنانه سفید | 24553 | 14 | 65 | 9 | 55 | ||
|
اسپری بدن | 24554 | 43 | 29 | 7 | 15 | ||
|
هدفون سونی | 24555 | 17 | 6 | 6 | 98 |
