جدول داده های پایه
جدول های داده پیش فرض کلاس datatables را در root اضافه کنید
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
|---|---|---|---|---|---|
| ببر نیکسون | معمار سیستم | ادینبورگ | 61 | 2011/04/25 | $320,800 |
| گرت وینترز | حسابدار | توکیو | 63 | 2011/07/25 | $170,750 |
| اشتون کاکس | نویسنده فنی جوان | سان فرانسیسکو | 66 | 2009/01/12 | $86,000 |
| سدریک کلی | برنامه نویس ارشد جاوا اسکریپت | ادینبورگ | 22 | 2012/03/29 | $433,060 |
| شکر آیری | حسابدار | توکیو | 33 | 2008/11/28 | $162,700 |
| بریل ویلیامسون | کارشناس ادغام | نیویورک | 61 | 2012/12/02 | $372,000 |
| هرود چندلر | دستیار فروش | سان فرانسیسکو | 59 | 2012/08/06 | $137,500 |
| رونا دیویدسون | کارشناس ادغام | توکیو | 55 | 2010/10/14 | $327,900 |
| کالین هرست | توسعه دهنده جاوااسکریپت | سان فرانسیسکو | 39 | 2009/09/15 | $205,500 |
| سونیا فراست | مهندس نرم افزار | ادینبورگ | 23 | 2008/12/13 | $103,600 |
| جنا گینز | مدیر دفتر | لندن | 30 | 2008/12/19 | $90,560 |
| کوین فلین | رهبر پشتیبانی | ادینبورگ | 22 | 2013/03/03 | $342,000 |
| شارد مارشال | مدیر منطقه ای | سان فرانسیسکو | 36 | 2008/10/16 | $470,600 |
| هیلی کندی | طراح ارشد بازاریابی | لندن | 43 | 2012/12/18 | $313,500 |
| تاتیانا فیتزپاتریک | مدیر منطقه ای | لندن | 19 | 2010/03/17 | $385,750 |
| مایکل سیلوا | طراح بازاریابی | لندن | 66 | 2012/11/27 | $198,500 |
| پل برد | مدیر ارشد مالی (CFO) | نیویورک | 64 | 2010/06/09 | $725,000 |
| گلوریا لیتل | مدیر سیستم ها | نیویورک | 59 | 2009/04/10 | $237,500 |
| بردلی گریر | مهندس نرم افزار | لندن | 41 | 2012/10/13 | $132,000 |
| دای ریوس | رهبری پرسنل | ادینبورگ | 35 | 2012/09/26 | $217,500 |
| جنت کالدول | رهبر توسعه | نیویورک | 30 | 2011/09/03 | $345,000 |
| یوری بری | مدیر ارشد بازاریابی (CMO) | نیویورک | 40 | 2009/06/25 | $675,000 |
| سزار ونس | پشتیبانی قبل از فروش | نیویورک | 21 | 2011/12/12 | $106,450 |
| دوریس وایلدر | دستیار فروش | سیدنی | 23 | 2010/09/20 | $85,600 |
| آنجلیکا راموس | مدیر عامل (مدیر عامل) | لندن | 47 | 2009/10/09 | $1,200,000 |
| گاوین جویس | توسعه دهنده | ادینبورگ | 42 | 2010/12/22 | $92,575 |
| جنیفر چانگ | مدیر منطقه ای | سنگاپور | 28 | 2010/11/14 | $357,650 |
| برندن واگنر | مهندس نرم افزار | سان فرانسیسکو | 28 | 2011/06/07 | $206,850 |
| فیونا گرین | مدیر ارشد عملیات (COO) | سان فرانسیسکو | 48 | 2010/03/11 | $850,000 |
| سرصفحه SHO UI | بازاریابی منطقه ای | توکیو | 20 | 2011/08/14 | $163,000 |
| میشل هاوس | کارشناس ادغام | سیدنی | 37 | 2011/06/02 | $95,400 |
| سوکی بورکز | توسعه دهنده | لندن | 53 | 2009/10/22 | $114,500 |
| پرسکات بارتلت | نویسنده فنی | لندن | 27 | 2011/05/07 | $145,000 |
| گاوین کورتز | رهبر تیم | سان فرانسیسکو | 22 | 2008/10/26 | $235,500 |
| مارتنا مک کری | پشتیبانی پس از فروش | ادینبورگ | 46 | 2011/03/09 | $324,050 |
| باتلر یونیتی | طراح بازاریابی | سان فرانسیسکو | 47 | 2009/12/09 | $85,675 |
| هوارد هتفیلد | مدیر دفتر | سان فرانسیسکو | 51 | 2008/12/16 | $164,500 |
| امید فوئنتس | منشی | سان فرانسیسکو | 41 | 2010/02/12 | $109,850 |
| ویویان هارل | کنترل کننده مالی | سان فرانسیسکو | 62 | 2009/02/14 | $452,500 |
| تیموتی مونی | مدیر دفتر | لندن | 37 | 2008/12/11 | $136,200 |
| جکسون برادشاو | کارگردان | نیویورک | 65 | 2008/09/26 | $645,750 |
| اولیویا لیانگ | مهندس پشتیبانی | سنگاپور | 64 | 2011/02/03 | $234,500 |
| برونو نش | مهندس نرم افزار | لندن | 38 | 2011/05/03 | $163,500 |
| ساکورا یاماموتو | مهندس پشتیبانی | توکیو | 37 | 2009/08/19 | $139,575 |
| ثور والتون | توسعه دهنده | نیویورک | 61 | 2013/08/11 | $98,540 |
| فین کاماچو | مهندس پشتیبانی | سان فرانسیسکو | 47 | 2009/07/07 | $87,500 |
| سرژ بالدوین | هماهنگ کننده داده ها | سنگاپور | 64 | 2012/04/09 | $138,575 |
| زنایدا فرانک | مهندس نرم افزار | نیویورک | 63 | 2010/01/04 | $125,250 |
| زوریتا سرانو | مهندس نرم افزار | سان فرانسیسکو | 56 | 2012/06/01 | $115,000 |
| جنیفر آکوستا | توسعه دهنده جاوا اسکریپت جوان | ادینبورگ | 43 | 2013/02/01 | $75,650 |
| کارا استیونز | دستیار فروش | نیویورک | 46 | 2011/12/06 | $145,600 |
| هرمیون باتلر | مدیر منطقه ای | لندن | 47 | 2011/03/21 | $356,250 |
| لائل گریر | مدیر سیستم ها | لندن | 21 | 2009/02/27 | $103,500 |
| جوناس الکساندر | توسعه دهنده | سان فرانسیسکو | 30 | 2010/07/14 | $86,500 |
| شاد دکر | مدیر منطقه ای | ادینبورگ | 51 | 2008/11/13 | $183,000 |
| مایکل بروس | توسعه دهنده جاوااسکریپت | سنگاپور | 29 | 2011/06/27 | $183,000 |
| دونا اسنایدر | پشتیبانی مشتری | نیویورک | 27 | 2011/01/25 | $112,000 |
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
<div class="table-responsive">
<table id="example" class="display table" style="min-width: 845px">
<thead>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</thead>
<tbody>
<tr>
<td>ببر نیکسون</td>
<td>معمار سیستم</td>
<td>ادینبورگ</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>گرت وینترز</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>اشتون کاکس</td>
<td>نویسنده فنی جوان</td>
<td>سان فرانسیسکو</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>سدریک کلی</td>
<td>برنامه نویس ارشد جاوا اسکریپت</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>شکر آیری</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>بریل ویلیامسون</td>
<td>کارشناس ادغام</td>
<td>نیویورک</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>هرود چندلر</td>
<td>دستیار فروش</td>
<td>سان فرانسیسکو</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>رونا دیویدسون</td>
<td>کارشناس ادغام</td>
<td>توکیو</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>کالین هرست</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سان فرانسیسکو</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>سونیا فراست</td>
<td>مهندس نرم افزار</td>
<td>ادینبورگ</td>
<td>23</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>جنا گینز</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>30</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
<tr>
<td>کوین فلین</td>
<td>رهبر پشتیبانی</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2013/03/03</td>
<td>$342,000</td>
</tr>
<tr>
<td>شارد مارشال</td>
<td>مدیر منطقه ای</td>
<td>سان فرانسیسکو</td>
<td>36</td>
<td>2008/10/16</td>
<td>$470,600</td>
</tr>
<tr>
<td>هیلی کندی</td>
<td>طراح ارشد بازاریابی</td>
<td>لندن</td>
<td>43</td>
<td>2012/12/18</td>
<td>$313,500</td>
</tr>
<tr>
<td>تاتیانا فیتزپاتریک</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>19</td>
<td>2010/03/17</td>
<td>$385,750</td>
</tr>
<tr>
<td>مایکل سیلوا</td>
<td>طراح بازاریابی</td>
<td>لندن</td>
<td>66</td>
<td>2012/11/27</td>
<td>$198,500</td>
</tr>
<tr>
<td>پل برد</td>
<td>مدیر ارشد مالی (CFO)</td>
<td>نیویورک</td>
<td>64</td>
<td>2010/06/09</td>
<td>$725,000</td>
</tr>
<tr>
<td>گلوریا لیتل</td>
<td>مدیر سیستم ها</td>
<td>نیویورک</td>
<td>59</td>
<td>2009/04/10</td>
<td>$237,500</td>
</tr>
<tr>
<td>بردلی گریر</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>41</td>
<td>2012/10/13</td>
<td>$132,000</td>
</tr>
<tr>
<td>دای ریوس</td>
<td>رهبری پرسنل</td>
<td>ادینبورگ</td>
<td>35</td>
<td>2012/09/26</td>
<td>$217,500</td>
</tr>
<tr>
<td>جنت کالدول</td>
<td>رهبر توسعه</td>
<td>نیویورک</td>
<td>30</td>
<td>2011/09/03</td>
<td>$345,000</td>
</tr>
<tr>
<td>یوری بری</td>
<td>مدیر ارشد بازاریابی (CMO)</td>
<td>نیویورک</td>
<td>40</td>
<td>2009/06/25</td>
<td>$675,000</td>
</tr>
<tr>
<td>سزار ونس</td>
<td>پشتیبانی قبل از فروش</td>
<td>نیویورک</td>
<td>21</td>
<td>2011/12/12</td>
<td>$106,450</td>
</tr>
<tr>
<td>دوریس وایلدر</td>
<td>دستیار فروش</td>
<td>سیدنی</td>
<td>23</td>
<td>2010/09/20</td>
<td>$85,600</td>
</tr>
<tr>
<td>آنجلیکا راموس</td>
<td>مدیر عامل (مدیر عامل)</td>
<td>لندن</td>
<td>47</td>
<td>2009/10/09</td>
<td>$1,200,000</td>
</tr>
<tr>
<td>گاوین جویس</td>
<td>توسعه دهنده</td>
<td>ادینبورگ</td>
<td>42</td>
<td>2010/12/22</td>
<td>$92,575</td>
</tr>
<tr>
<td>جنیفر چانگ</td>
<td>مدیر منطقه ای</td>
<td>سنگاپور</td>
<td>28</td>
<td>2010/11/14</td>
<td>$357,650</td>
</tr>
<tr>
<td>برندن واگنر</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>28</td>
<td>2011/06/07</td>
<td>$206,850</td>
</tr>
<tr>
<td>فیونا گرین</td>
<td>مدیر ارشد عملیات (COO)</td>
<td>سان فرانسیسکو</td>
<td>48</td>
<td>2010/03/11</td>
<td>$850,000</td>
</tr>
<tr>
<td>سرصفحه SHO UI</td>
<td>بازاریابی منطقه ای</td>
<td>توکیو</td>
<td>20</td>
<td>2011/08/14</td>
<td>$163,000</td>
</tr>
<tr>
<td>میشل هاوس</td>
<td>کارشناس ادغام</td>
<td>سیدنی</td>
<td>37</td>
<td>2011/06/02</td>
<td>$95,400</td>
</tr>
<tr>
<td>سوکی بورکز</td>
<td>توسعه دهنده</td>
<td>لندن</td>
<td>53</td>
<td>2009/10/22</td>
<td>$114,500</td>
</tr>
<tr>
<td>پرسکات بارتلت</td>
<td>نویسنده فنی</td>
<td>لندن</td>
<td>27</td>
<td>2011/05/07</td>
<td>$145,000</td>
</tr>
<tr>
<td>گاوین کورتز</td>
<td>رهبر تیم</td>
<td>سان فرانسیسکو</td>
<td>22</td>
<td>2008/10/26</td>
<td>$235,500</td>
</tr>
<tr>
<td>مارتنا مک کری</td>
<td>پشتیبانی پس از فروش</td>
<td>ادینبورگ</td>
<td>46</td>
<td>2011/03/09</td>
<td>$324,050</td>
</tr>
<tr>
<td>باتلر یونیتی</td>
<td>طراح بازاریابی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/12/09</td>
<td>$85,675</td>
</tr>
<tr>
<td>هوارد هتفیلد</td>
<td>مدیر دفتر</td>
<td>سان فرانسیسکو</td>
<td>51</td>
<td>2008/12/16</td>
<td>$164,500</td>
</tr>
<tr>
<td>امید فوئنتس</td>
<td>منشی</td>
<td>سان فرانسیسکو</td>
<td>41</td>
<td>2010/02/12</td>
<td>$109,850</td>
</tr>
<tr>
<td>ویویان هارل</td>
<td>کنترل کننده مالی</td>
<td>سان فرانسیسکو</td>
<td>62</td>
<td>2009/02/14</td>
<td>$452,500</td>
</tr>
<tr>
<td>تیموتی مونی</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>37</td>
<td>2008/12/11</td>
<td>$136,200</td>
</tr>
<tr>
<td>جکسون برادشاو</td>
<td>کارگردان</td>
<td>نیویورک</td>
<td>65</td>
<td>2008/09/26</td>
<td>$645,750</td>
</tr>
<tr>
<td>اولیویا لیانگ</td>
<td>مهندس پشتیبانی</td>
<td>سنگاپور</td>
<td>64</td>
<td>2011/02/03</td>
<td>$234,500</td>
</tr>
<tr>
<td>برونو نش</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>38</td>
<td>2011/05/03</td>
<td>$163,500</td>
</tr>
<tr>
<td>ساکورا یاماموتو</td>
<td>مهندس پشتیبانی</td>
<td>توکیو</td>
<td>37</td>
<td>2009/08/19</td>
<td>$139,575</td>
</tr>
<tr>
<td>ثور والتون</td>
<td>توسعه دهنده</td>
<td>نیویورک</td>
<td>61</td>
<td>2013/08/11</td>
<td>$98,540</td>
</tr>
<tr>
<td>فین کاماچو</td>
<td>مهندس پشتیبانی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/07/07</td>
<td>$87,500</td>
</tr>
<tr>
<td>سرژ بالدوین</td>
<td>هماهنگ کننده داده ها</td>
<td>سنگاپور</td>
<td>64</td>
<td>2012/04/09</td>
<td>$138,575</td>
</tr>
<tr>
<td>زنایدا فرانک</td>
<td>مهندس نرم افزار</td>
<td>نیویورک</td>
<td>63</td>
<td>2010/01/04</td>
<td>$125,250</td>
</tr>
<tr>
<td>زوریتا سرانو</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>56</td>
<td>2012/06/01</td>
<td>$115,000</td>
</tr>
<tr>
<td>جنیفر آکوستا</td>
<td>توسعه دهنده جاوا اسکریپت جوان</td>
<td>ادینبورگ</td>
<td>43</td>
<td>2013/02/01</td>
<td>$75,650</td>
</tr>
<tr>
<td>کارا استیونز</td>
<td>دستیار فروش</td>
<td>نیویورک</td>
<td>46</td>
<td>2011/12/06</td>
<td>$145,600</td>
</tr>
<tr>
<td>هرمیون باتلر</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
<tr>
<td>لائل گریر</td>
<td>مدیر سیستم ها</td>
<td>لندن</td>
<td>21</td>
<td>2009/02/27</td>
<td>$103,500</td>
</tr>
<tr>
<td>جوناس الکساندر</td>
<td>توسعه دهنده</td>
<td>سان فرانسیسکو</td>
<td>30</td>
<td>2010/07/14</td>
<td>$86,500</td>
</tr>
<tr>
<td>شاد دکر</td>
<td>مدیر منطقه ای</td>
<td>ادینبورگ</td>
<td>51</td>
<td>2008/11/13</td>
<td>$183,000</td>
</tr>
<tr>
<td>مایکل بروس</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سنگاپور</td>
<td>29</td>
<td>2011/06/27</td>
<td>$183,000</td>
</tr>
<tr>
<td>دونا اسنایدر</td>
<td>پشتیبانی مشتری</td>
<td>نیویورک</td>
<td>27</td>
<td>2011/01/25</td>
<td>$112,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</tfoot>
</table>
</div>
جدول داده
جدول های داده با حاشیه کلاس datatables-bordered را با کلاس datatables اضافه کنید
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
|---|---|---|---|---|---|
| ببر نیکسون | معمار سیستم | ادینبورگ | 61 | 2011/04/25 | $320,800 |
| گرت وینترز | حسابدار | توکیو | 63 | 2011/07/25 | $170,750 |
| اشتون کاکس | نویسنده فنی جوان | سان فرانسیسکو | 66 | 2009/01/12 | $86,000 |
| سدریک کلی | برنامه نویس ارشد جاوا اسکریپت | ادینبورگ | 22 | 2012/03/29 | $433,060 |
| شکر آیری | حسابدار | توکیو | 33 | 2008/11/28 | $162,700 |
| بریل ویلیامسون | کارشناس ادغام | نیویورک | 61 | 2012/12/02 | $372,000 |
| هرود چندلر | دستیار فروش | سان فرانسیسکو | 59 | 2012/08/06 | $137,500 |
| رونا دیویدسون | کارشناس ادغام | توکیو | 55 | 2010/10/14 | $327,900 |
| کالین هرست | توسعه دهنده جاوااسکریپت | سان فرانسیسکو | 39 | 2009/09/15 | $205,500 |
| سونیا فراست | مهندس نرم افزار | ادینبورگ | 23 | 2008/12/13 | $103,600 |
| جنا گینز | مدیر دفتر | لندن | 30 | 2008/12/19 | $90,560 |
| کوین فلین | رهبر پشتیبانی | ادینبورگ | 22 | 2013/03/03 | $342,000 |
| شارد مارشال | مدیر منطقه ای | سان فرانسیسکو | 36 | 2008/10/16 | $470,600 |
| هیلی کندی | طراح ارشد بازاریابی | لندن | 43 | 2012/12/18 | $313,500 |
| تاتیانا فیتزپاتریک | مدیر منطقه ای | لندن | 19 | 2010/03/17 | $385,750 |
| مایکل سیلوا | طراح بازاریابی | لندن | 66 | 2012/11/27 | $198,500 |
| پل برد | مدیر ارشد مالی (CFO) | نیویورک | 64 | 2010/06/09 | $725,000 |
| گلوریا لیتل | مدیر سیستم ها | نیویورک | 59 | 2009/04/10 | $237,500 |
| بردلی گریر | مهندس نرم افزار | لندن | 41 | 2012/10/13 | $132,000 |
| دای ریوس | رهبری پرسنل | ادینبورگ | 35 | 2012/09/26 | $217,500 |
| جنت کالدول | رهبر توسعه | نیویورک | 30 | 2011/09/03 | $345,000 |
| یوری بری | مدیر ارشد بازاریابی (CMO) | نیویورک | 40 | 2009/06/25 | $675,000 |
| سزار ونس | پشتیبانی قبل از فروش | نیویورک | 21 | 2011/12/12 | $106,450 |
| دوریس وایلدر | دستیار فروش | سیدنی | 23 | 2010/09/20 | $85,600 |
| آنجلیکا راموس | مدیر عامل (مدیر عامل) | لندن | 47 | 2009/10/09 | $1,200,000 |
| گاوین جویس | توسعه دهنده | ادینبورگ | 42 | 2010/12/22 | $92,575 |
| جنیفر چانگ | مدیر منطقه ای | سنگاپور | 28 | 2010/11/14 | $357,650 |
| برندن واگنر | مهندس نرم افزار | سان فرانسیسکو | 28 | 2011/06/07 | $206,850 |
| فیونا گرین | مدیر ارشد عملیات (COO) | سان فرانسیسکو | 48 | 2010/03/11 | $850,000 |
| سرصفحه SHO UI | بازاریابی منطقه ای | توکیو | 20 | 2011/08/14 | $163,000 |
| میشل هاوس | کارشناس ادغام | سیدنی | 37 | 2011/06/02 | $95,400 |
| سوکی بورکز | توسعه دهنده | لندن | 53 | 2009/10/22 | $114,500 |
| پرسکات بارتلت | نویسنده فنی | لندن | 27 | 2011/05/07 | $145,000 |
| گاوین کورتز | رهبر تیم | سان فرانسیسکو | 22 | 2008/10/26 | $235,500 |
| مارتنا مک کری | پشتیبانی پس از فروش | ادینبورگ | 46 | 2011/03/09 | $324,050 |
| باتلر یونیتی | طراح بازاریابی | سان فرانسیسکو | 47 | 2009/12/09 | $85,675 |
| هوارد هتفیلد | مدیر دفتر | سان فرانسیسکو | 51 | 2008/12/16 | $164,500 |
| امید فوئنتس | منشی | سان فرانسیسکو | 41 | 2010/02/12 | $109,850 |
| ویویان هارل | کنترل کننده مالی | سان فرانسیسکو | 62 | 2009/02/14 | $452,500 |
| تیموتی مونی | مدیر دفتر | لندن | 37 | 2008/12/11 | $136,200 |
| جکسون برادشاو | کارگردان | نیویورک | 65 | 2008/09/26 | $645,750 |
| اولیویا لیانگ | مهندس پشتیبانی | سنگاپور | 64 | 2011/02/03 | $234,500 |
| برونو نش | مهندس نرم افزار | لندن | 38 | 2011/05/03 | $163,500 |
| ساکورا یاماموتو | مهندس پشتیبانی | توکیو | 37 | 2009/08/19 | $139,575 |
| ثور والتون | توسعه دهنده | نیویورک | 61 | 2013/08/11 | $98,540 |
| فین کاماچو | مهندس پشتیبانی | سان فرانسیسکو | 47 | 2009/07/07 | $87,500 |
| سرژ بالدوین | هماهنگ کننده داده ها | سنگاپور | 64 | 2012/04/09 | $138,575 |
| زنایدا فرانک | مهندس نرم افزار | نیویورک | 63 | 2010/01/04 | $125,250 |
| زوریتا سرانو | مهندس نرم افزار | سان فرانسیسکو | 56 | 2012/06/01 | $115,000 |
| جنیفر آکوستا | توسعه دهنده جاوا اسکریپت جوان | ادینبورگ | 43 | 2013/02/01 | $75,650 |
| کارا استیونز | دستیار فروش | نیویورک | 46 | 2011/12/06 | $145,600 |
| هرمیون باتلر | مدیر منطقه ای | لندن | 47 | 2011/03/21 | $356,250 |
| لائل گریر | مدیر سیستم ها | لندن | 21 | 2009/02/27 | $103,500 |
| جوناس الکساندر | توسعه دهنده | سان فرانسیسکو | 30 | 2010/07/14 | $86,500 |
| شاد دکر | مدیر منطقه ای | ادینبورگ | 51 | 2008/11/13 | $183,000 |
| مایکل بروس | توسعه دهنده جاوااسکریپت | سنگاپور | 29 | 2011/06/27 | $183,000 |
| دونا اسنایدر | پشتیبانی مشتری | نیویورک | 27 | 2011/01/25 | $112,000 |
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
<div class="table-responsive">
<table id="example2" class="display" style="width:100%">
<thead>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</thead>
<tbody>
<tr>
<td>ببر نیکسون</td>
<td>معمار سیستم</td>
<td>ادینبورگ</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>گرت وینترز</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>اشتون کاکس</td>
<td>نویسنده فنی جوان</td>
<td>سان فرانسیسکو</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>سدریک کلی</td>
<td>برنامه نویس ارشد جاوا اسکریپت</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>شکر آیری</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>بریل ویلیامسون</td>
<td>کارشناس ادغام</td>
<td>نیویورک</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>هرود چندلر</td>
<td>دستیار فروش</td>
<td>سان فرانسیسکو</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>رونا دیویدسون</td>
<td>کارشناس ادغام</td>
<td>توکیو</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>کالین هرست</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سان فرانسیسکو</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>سونیا فراست</td>
<td>مهندس نرم افزار</td>
<td>ادینبورگ</td>
<td>23</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>جنا گینز</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>30</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
<tr>
<td>کوین فلین</td>
<td>رهبر پشتیبانی</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2013/03/03</td>
<td>$342,000</td>
</tr>
<tr>
<td>شارد مارشال</td>
<td>مدیر منطقه ای</td>
<td>سان فرانسیسکو</td>
<td>36</td>
<td>2008/10/16</td>
<td>$470,600</td>
</tr>
<tr>
<td>هیلی کندی</td>
<td>طراح ارشد بازاریابی</td>
<td>لندن</td>
<td>43</td>
<td>2012/12/18</td>
<td>$313,500</td>
</tr>
<tr>
<td>تاتیانا فیتزپاتریک</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>19</td>
<td>2010/03/17</td>
<td>$385,750</td>
</tr>
<tr>
<td>مایکل سیلوا</td>
<td>طراح بازاریابی</td>
<td>لندن</td>
<td>66</td>
<td>2012/11/27</td>
<td>$198,500</td>
</tr>
<tr>
<td>پل برد</td>
<td>مدیر ارشد مالی (CFO)</td>
<td>نیویورک</td>
<td>64</td>
<td>2010/06/09</td>
<td>$725,000</td>
</tr>
<tr>
<td>گلوریا لیتل</td>
<td>مدیر سیستم ها</td>
<td>نیویورک</td>
<td>59</td>
<td>2009/04/10</td>
<td>$237,500</td>
</tr>
<tr>
<td>بردلی گریر</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>41</td>
<td>2012/10/13</td>
<td>$132,000</td>
</tr>
<tr>
<td>دای ریوس</td>
<td>رهبری پرسنل</td>
<td>ادینبورگ</td>
<td>35</td>
<td>2012/09/26</td>
<td>$217,500</td>
</tr>
<tr>
<td>جنت کالدول</td>
<td>رهبر توسعه</td>
<td>نیویورک</td>
<td>30</td>
<td>2011/09/03</td>
<td>$345,000</td>
</tr>
<tr>
<td>یوری بری</td>
<td>مدیر ارشد بازاریابی (CMO)</td>
<td>نیویورک</td>
<td>40</td>
<td>2009/06/25</td>
<td>$675,000</td>
</tr>
<tr>
<td>سزار ونس</td>
<td>پشتیبانی قبل از فروش</td>
<td>نیویورک</td>
<td>21</td>
<td>2011/12/12</td>
<td>$106,450</td>
</tr>
<tr>
<td>دوریس وایلدر</td>
<td>دستیار فروش</td>
<td>سیدنی</td>
<td>23</td>
<td>2010/09/20</td>
<td>$85,600</td>
</tr>
<tr>
<td>آنجلیکا راموس</td>
<td>مدیر عامل (مدیر عامل)</td>
<td>لندن</td>
<td>47</td>
<td>2009/10/09</td>
<td>$1,200,000</td>
</tr>
<tr>
<td>گاوین جویس</td>
<td>توسعه دهنده</td>
<td>ادینبورگ</td>
<td>42</td>
<td>2010/12/22</td>
<td>$92,575</td>
</tr>
<tr>
<td>جنیفر چانگ</td>
<td>مدیر منطقه ای</td>
<td>سنگاپور</td>
<td>28</td>
<td>2010/11/14</td>
<td>$357,650</td>
</tr>
<tr>
<td>برندن واگنر</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>28</td>
<td>2011/06/07</td>
<td>$206,850</td>
</tr>
<tr>
<td>فیونا گرین</td>
<td>مدیر ارشد عملیات (COO)</td>
<td>سان فرانسیسکو</td>
<td>48</td>
<td>2010/03/11</td>
<td>$850,000</td>
</tr>
<tr>
<td>سرصفحه SHO UI</td>
<td>بازاریابی منطقه ای</td>
<td>توکیو</td>
<td>20</td>
<td>2011/08/14</td>
<td>$163,000</td>
</tr>
<tr>
<td>میشل هاوس</td>
<td>کارشناس ادغام</td>
<td>سیدنی</td>
<td>37</td>
<td>2011/06/02</td>
<td>$95,400</td>
</tr>
<tr>
<td>سوکی بورکز</td>
<td>توسعه دهنده</td>
<td>لندن</td>
<td>53</td>
<td>2009/10/22</td>
<td>$114,500</td>
</tr>
<tr>
<td>پرسکات بارتلت</td>
<td>نویسنده فنی</td>
<td>لندن</td>
<td>27</td>
<td>2011/05/07</td>
<td>$145,000</td>
</tr>
<tr>
<td>گاوین کورتز</td>
<td>رهبر تیم</td>
<td>سان فرانسیسکو</td>
<td>22</td>
<td>2008/10/26</td>
<td>$235,500</td>
</tr>
<tr>
<td>مارتنا مک کری</td>
<td>پشتیبانی پس از فروش</td>
<td>ادینبورگ</td>
<td>46</td>
<td>2011/03/09</td>
<td>$324,050</td>
</tr>
<tr>
<td>باتلر یونیتی</td>
<td>طراح بازاریابی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/12/09</td>
<td>$85,675</td>
</tr>
<tr>
<td>هوارد هتفیلد</td>
<td>مدیر دفتر</td>
<td>سان فرانسیسکو</td>
<td>51</td>
<td>2008/12/16</td>
<td>$164,500</td>
</tr>
<tr>
<td>امید فوئنتس</td>
<td>منشی</td>
<td>سان فرانسیسکو</td>
<td>41</td>
<td>2010/02/12</td>
<td>$109,850</td>
</tr>
<tr>
<td>ویویان هارل</td>
<td>کنترل کننده مالی</td>
<td>سان فرانسیسکو</td>
<td>62</td>
<td>2009/02/14</td>
<td>$452,500</td>
</tr>
<tr>
<td>تیموتی مونی</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>37</td>
<td>2008/12/11</td>
<td>$136,200</td>
</tr>
<tr>
<td>جکسون برادشاو</td>
<td>کارگردان</td>
<td>نیویورک</td>
<td>65</td>
<td>2008/09/26</td>
<td>$645,750</td>
</tr>
<tr>
<td>اولیویا لیانگ</td>
<td>مهندس پشتیبانی</td>
<td>سنگاپور</td>
<td>64</td>
<td>2011/02/03</td>
<td>$234,500</td>
</tr>
<tr>
<td>برونو نش</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>38</td>
<td>2011/05/03</td>
<td>$163,500</td>
</tr>
<tr>
<td>ساکورا یاماموتو</td>
<td>مهندس پشتیبانی</td>
<td>توکیو</td>
<td>37</td>
<td>2009/08/19</td>
<td>$139,575</td>
</tr>
<tr>
<td>ثور والتون</td>
<td>توسعه دهنده</td>
<td>نیویورک</td>
<td>61</td>
<td>2013/08/11</td>
<td>$98,540</td>
</tr>
<tr>
<td>فین کاماچو</td>
<td>مهندس پشتیبانی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/07/07</td>
<td>$87,500</td>
</tr>
<tr>
<td>سرژ بالدوین</td>
<td>هماهنگ کننده داده ها</td>
<td>سنگاپور</td>
<td>64</td>
<td>2012/04/09</td>
<td>$138,575</td>
</tr>
<tr>
<td>زنایدا فرانک</td>
<td>مهندس نرم افزار</td>
<td>نیویورک</td>
<td>63</td>
<td>2010/01/04</td>
<td>$125,250</td>
</tr>
<tr>
<td>زوریتا سرانو</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>56</td>
<td>2012/06/01</td>
<td>$115,000</td>
</tr>
<tr>
<td>جنیفر آکوستا</td>
<td>توسعه دهنده جاوا اسکریپت جوان</td>
<td>ادینبورگ</td>
<td>43</td>
<td>2013/02/01</td>
<td>$75,650</td>
</tr>
<tr>
<td>کارا استیونز</td>
<td>دستیار فروش</td>
<td>نیویورک</td>
<td>46</td>
<td>2011/12/06</td>
<td>$145,600</td>
</tr>
<tr>
<td>هرمیون باتلر</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
<tr>
<td>لائل گریر</td>
<td>مدیر سیستم ها</td>
<td>لندن</td>
<td>21</td>
<td>2009/02/27</td>
<td>$103,500</td>
</tr>
<tr>
<td>جوناس الکساندر</td>
<td>توسعه دهنده</td>
<td>سان فرانسیسکو</td>
<td>30</td>
<td>2010/07/14</td>
<td>$86,500</td>
</tr>
<tr>
<td>شاد دکر</td>
<td>مدیر منطقه ای</td>
<td>ادینبورگ</td>
<td>51</td>
<td>2008/11/13</td>
<td>$183,000</td>
</tr>
<tr>
<td>مایکل بروس</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سنگاپور</td>
<td>29</td>
<td>2011/06/27</td>
<td>$183,000</td>
</tr>
<tr>
<td>دونا اسنایدر</td>
<td>پشتیبانی مشتری</td>
<td>نیویورک</td>
<td>27</td>
<td>2011/01/25</td>
<td>$112,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</tfoot>
</table>
</div>
</div>جدول داده پاسخگو
جدول های داده با حاشیه کلاس datatables-bordered را با کلاس datatables اضافه کنید
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
|---|---|---|---|---|---|
| ببر نیکسون | معمار سیستم | ادینبورگ | 61 | 2011/04/25 | $320,800 |
| گرت وینترز | حسابدار | توکیو | 63 | 2011/07/25 | $170,750 |
| اشتون کاکس | نویسنده فنی جوان | سان فرانسیسکو | 66 | 2009/01/12 | $86,000 |
| سدریک کلی | برنامه نویس ارشد جاوا اسکریپت | ادینبورگ | 22 | 2012/03/29 | $433,060 |
| شکر آیری | حسابدار | توکیو | 33 | 2008/11/28 | $162,700 |
| بریل ویلیامسون | کارشناس ادغام | نیویورک | 61 | 2012/12/02 | $372,000 |
| هرود چندلر | دستیار فروش | سان فرانسیسکو | 59 | 2012/08/06 | $137,500 |
| رونا دیویدسون | کارشناس ادغام | توکیو | 55 | 2010/10/14 | $327,900 |
| کالین هرست | توسعه دهنده جاوااسکریپت | سان فرانسیسکو | 39 | 2009/09/15 | $205,500 |
| سونیا فراست | مهندس نرم افزار | ادینبورگ | 23 | 2008/12/13 | $103,600 |
| جنا گینز | مدیر دفتر | لندن | 30 | 2008/12/19 | $90,560 |
| کوین فلین | رهبر پشتیبانی | ادینبورگ | 22 | 2013/03/03 | $342,000 |
| شارد مارشال | مدیر منطقه ای | سان فرانسیسکو | 36 | 2008/10/16 | $470,600 |
| هیلی کندی | طراح ارشد بازاریابی | لندن | 43 | 2012/12/18 | $313,500 |
| تاتیانا فیتزپاتریک | مدیر منطقه ای | لندن | 19 | 2010/03/17 | $385,750 |
| مایکل سیلوا | طراح بازاریابی | لندن | 66 | 2012/11/27 | $198,500 |
| پل برد | مدیر ارشد مالی (CFO) | نیویورک | 64 | 2010/06/09 | $725,000 |
| گلوریا لیتل | مدیر سیستم ها | نیویورک | 59 | 2009/04/10 | $237,500 |
| بردلی گریر | مهندس نرم افزار | لندن | 41 | 2012/10/13 | $132,000 |
| دای ریوس | رهبری پرسنل | ادینبورگ | 35 | 2012/09/26 | $217,500 |
| جنت کالدول | رهبر توسعه | نیویورک | 30 | 2011/09/03 | $345,000 |
| یوری بری | مدیر ارشد بازاریابی (CMO) | نیویورک | 40 | 2009/06/25 | $675,000 |
| سزار ونس | پشتیبانی قبل از فروش | نیویورک | 21 | 2011/12/12 | $106,450 |
| دوریس وایلدر | دستیار فروش | سیدنی | 23 | 2010/09/20 | $85,600 |
| آنجلیکا راموس | مدیر عامل (مدیر عامل) | لندن | 47 | 2009/10/09 | $1,200,000 |
| گاوین جویس | توسعه دهنده | ادینبورگ | 42 | 2010/12/22 | $92,575 |
| جنیفر چانگ | مدیر منطقه ای | سنگاپور | 28 | 2010/11/14 | $357,650 |
| برندن واگنر | مهندس نرم افزار | سان فرانسیسکو | 28 | 2011/06/07 | $206,850 |
| فیونا گرین | مدیر ارشد عملیات (COO) | سان فرانسیسکو | 48 | 2010/03/11 | $850,000 |
| سرصفحه SHO UI | بازاریابی منطقه ای | توکیو | 20 | 2011/08/14 | $163,000 |
| میشل هاوس | کارشناس ادغام | سیدنی | 37 | 2011/06/02 | $95,400 |
| سوکی بورکز | توسعه دهنده | لندن | 53 | 2009/10/22 | $114,500 |
| پرسکات بارتلت | نویسنده فنی | لندن | 27 | 2011/05/07 | $145,000 |
| گاوین کورتز | رهبر تیم | سان فرانسیسکو | 22 | 2008/10/26 | $235,500 |
| مارتنا مک کری | پشتیبانی پس از فروش | ادینبورگ | 46 | 2011/03/09 | $324,050 |
| باتلر یونیتی | طراح بازاریابی | سان فرانسیسکو | 47 | 2009/12/09 | $85,675 |
| هوارد هتفیلد | مدیر دفتر | سان فرانسیسکو | 51 | 2008/12/16 | $164,500 |
| امید فوئنتس | منشی | سان فرانسیسکو | 41 | 2010/02/12 | $109,850 |
| ویویان هارل | کنترل کننده مالی | سان فرانسیسکو | 62 | 2009/02/14 | $452,500 |
| تیموتی مونی | مدیر دفتر | لندن | 37 | 2008/12/11 | $136,200 |
| جکسون برادشاو | کارگردان | نیویورک | 65 | 2008/09/26 | $645,750 |
| اولیویا لیانگ | مهندس پشتیبانی | سنگاپور | 64 | 2011/02/03 | $234,500 |
| برونو نش | مهندس نرم افزار | لندن | 38 | 2011/05/03 | $163,500 |
| ساکورا یاماموتو | مهندس پشتیبانی | توکیو | 37 | 2009/08/19 | $139,575 |
| ثور والتون | توسعه دهنده | نیویورک | 61 | 2013/08/11 | $98,540 |
| فین کاماچو | مهندس پشتیبانی | سان فرانسیسکو | 47 | 2009/07/07 | $87,500 |
| سرژ بالدوین | هماهنگ کننده داده ها | سنگاپور | 64 | 2012/04/09 | $138,575 |
| زنایدا فرانک | مهندس نرم افزار | نیویورک | 63 | 2010/01/04 | $125,250 |
| زوریتا سرانو | مهندس نرم افزار | سان فرانسیسکو | 56 | 2012/06/01 | $115,000 |
| جنیفر آکوستا | توسعه دهنده جاوا اسکریپت جوان | ادینبورگ | 43 | 2013/02/01 | $75,650 |
| کارا استیونز | دستیار فروش | نیویورک | 46 | 2011/12/06 | $145,600 |
| هرمیون باتلر | مدیر منطقه ای | لندن | 47 | 2011/03/21 | $356,250 |
| لائل گریر | مدیر سیستم ها | لندن | 21 | 2009/02/27 | $103,500 |
| جوناس الکساندر | توسعه دهنده | سان فرانسیسکو | 30 | 2010/07/14 | $86,500 |
| شاد دکر | مدیر منطقه ای | ادینبورگ | 51 | 2008/11/13 | $183,000 |
| مایکل بروس | توسعه دهنده جاوااسکریپت | سنگاپور | 29 | 2011/06/27 | $183,000 |
| دونا اسنایدر | پشتیبانی مشتری | نیویورک | 27 | 2011/01/25 | $112,000 |
| نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق و دستمزد |
<div class="table-responsive">
<table id="responsiveTable" class="display responsive nowrap w-100">">
<thead>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</thead>
<tbody>
<tr>
<td>ببر نیکسون</td>
<td>معمار سیستم</td>
<td>ادینبورگ</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
<tr>
<td>گرت وینترز</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>63</td>
<td>2011/07/25</td>
<td>$170,750</td>
</tr>
<tr>
<td>اشتون کاکس</td>
<td>نویسنده فنی جوان</td>
<td>سان فرانسیسکو</td>
<td>66</td>
<td>2009/01/12</td>
<td>$86,000</td>
</tr>
<tr>
<td>سدریک کلی</td>
<td>برنامه نویس ارشد جاوا اسکریپت</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2012/03/29</td>
<td>$433,060</td>
</tr>
<tr>
<td>شکر آیری</td>
<td>حسابدار</td>
<td>توکیو</td>
<td>33</td>
<td>2008/11/28</td>
<td>$162,700</td>
</tr>
<tr>
<td>بریل ویلیامسون</td>
<td>کارشناس ادغام</td>
<td>نیویورک</td>
<td>61</td>
<td>2012/12/02</td>
<td>$372,000</td>
</tr>
<tr>
<td>هرود چندلر</td>
<td>دستیار فروش</td>
<td>سان فرانسیسکو</td>
<td>59</td>
<td>2012/08/06</td>
<td>$137,500</td>
</tr>
<tr>
<td>رونا دیویدسون</td>
<td>کارشناس ادغام</td>
<td>توکیو</td>
<td>55</td>
<td>2010/10/14</td>
<td>$327,900</td>
</tr>
<tr>
<td>کالین هرست</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سان فرانسیسکو</td>
<td>39</td>
<td>2009/09/15</td>
<td>$205,500</td>
</tr>
<tr>
<td>سونیا فراست</td>
<td>مهندس نرم افزار</td>
<td>ادینبورگ</td>
<td>23</td>
<td>2008/12/13</td>
<td>$103,600</td>
</tr>
<tr>
<td>جنا گینز</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>30</td>
<td>2008/12/19</td>
<td>$90,560</td>
</tr>
<tr>
<td>کوین فلین</td>
<td>رهبر پشتیبانی</td>
<td>ادینبورگ</td>
<td>22</td>
<td>2013/03/03</td>
<td>$342,000</td>
</tr>
<tr>
<td>شارد مارشال</td>
<td>مدیر منطقه ای</td>
<td>سان فرانسیسکو</td>
<td>36</td>
<td>2008/10/16</td>
<td>$470,600</td>
</tr>
<tr>
<td>هیلی کندی</td>
<td>طراح ارشد بازاریابی</td>
<td>لندن</td>
<td>43</td>
<td>2012/12/18</td>
<td>$313,500</td>
</tr>
<tr>
<td>تاتیانا فیتزپاتریک</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>19</td>
<td>2010/03/17</td>
<td>$385,750</td>
</tr>
<tr>
<td>مایکل سیلوا</td>
<td>طراح بازاریابی</td>
<td>لندن</td>
<td>66</td>
<td>2012/11/27</td>
<td>$198,500</td>
</tr>
<tr>
<td>پل برد</td>
<td>مدیر ارشد مالی (CFO)</td>
<td>نیویورک</td>
<td>64</td>
<td>2010/06/09</td>
<td>$725,000</td>
</tr>
<tr>
<td>گلوریا لیتل</td>
<td>مدیر سیستم ها</td>
<td>نیویورک</td>
<td>59</td>
<td>2009/04/10</td>
<td>$237,500</td>
</tr>
<tr>
<td>بردلی گریر</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>41</td>
<td>2012/10/13</td>
<td>$132,000</td>
</tr>
<tr>
<td>دای ریوس</td>
<td>رهبری پرسنل</td>
<td>ادینبورگ</td>
<td>35</td>
<td>2012/09/26</td>
<td>$217,500</td>
</tr>
<tr>
<td>جنت کالدول</td>
<td>رهبر توسعه</td>
<td>نیویورک</td>
<td>30</td>
<td>2011/09/03</td>
<td>$345,000</td>
</tr>
<tr>
<td>یوری بری</td>
<td>مدیر ارشد بازاریابی (CMO)</td>
<td>نیویورک</td>
<td>40</td>
<td>2009/06/25</td>
<td>$675,000</td>
</tr>
<tr>
<td>سزار ونس</td>
<td>پشتیبانی قبل از فروش</td>
<td>نیویورک</td>
<td>21</td>
<td>2011/12/12</td>
<td>$106,450</td>
</tr>
<tr>
<td>دوریس وایلدر</td>
<td>دستیار فروش</td>
<td>سیدنی</td>
<td>23</td>
<td>2010/09/20</td>
<td>$85,600</td>
</tr>
<tr>
<td>آنجلیکا راموس</td>
<td>مدیر عامل (مدیر عامل)</td>
<td>لندن</td>
<td>47</td>
<td>2009/10/09</td>
<td>$1,200,000</td>
</tr>
<tr>
<td>گاوین جویس</td>
<td>توسعه دهنده</td>
<td>ادینبورگ</td>
<td>42</td>
<td>2010/12/22</td>
<td>$92,575</td>
</tr>
<tr>
<td>جنیفر چانگ</td>
<td>مدیر منطقه ای</td>
<td>سنگاپور</td>
<td>28</td>
<td>2010/11/14</td>
<td>$357,650</td>
</tr>
<tr>
<td>برندن واگنر</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>28</td>
<td>2011/06/07</td>
<td>$206,850</td>
</tr>
<tr>
<td>فیونا گرین</td>
<td>مدیر ارشد عملیات (COO)</td>
<td>سان فرانسیسکو</td>
<td>48</td>
<td>2010/03/11</td>
<td>$850,000</td>
</tr>
<tr>
<td>سرصفحه SHO UI</td>
<td>بازاریابی منطقه ای</td>
<td>توکیو</td>
<td>20</td>
<td>2011/08/14</td>
<td>$163,000</td>
</tr>
<tr>
<td>میشل هاوس</td>
<td>کارشناس ادغام</td>
<td>سیدنی</td>
<td>37</td>
<td>2011/06/02</td>
<td>$95,400</td>
</tr>
<tr>
<td>سوکی بورکز</td>
<td>توسعه دهنده</td>
<td>لندن</td>
<td>53</td>
<td>2009/10/22</td>
<td>$114,500</td>
</tr>
<tr>
<td>پرسکات بارتلت</td>
<td>نویسنده فنی</td>
<td>لندن</td>
<td>27</td>
<td>2011/05/07</td>
<td>$145,000</td>
</tr>
<tr>
<td>گاوین کورتز</td>
<td>رهبر تیم</td>
<td>سان فرانسیسکو</td>
<td>22</td>
<td>2008/10/26</td>
<td>$235,500</td>
</tr>
<tr>
<td>مارتنا مک کری</td>
<td>پشتیبانی پس از فروش</td>
<td>ادینبورگ</td>
<td>46</td>
<td>2011/03/09</td>
<td>$324,050</td>
</tr>
<tr>
<td>باتلر یونیتی</td>
<td>طراح بازاریابی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/12/09</td>
<td>$85,675</td>
</tr>
<tr>
<td>هوارد هتفیلد</td>
<td>مدیر دفتر</td>
<td>سان فرانسیسکو</td>
<td>51</td>
<td>2008/12/16</td>
<td>$164,500</td>
</tr>
<tr>
<td>امید فوئنتس</td>
<td>منشی</td>
<td>سان فرانسیسکو</td>
<td>41</td>
<td>2010/02/12</td>
<td>$109,850</td>
</tr>
<tr>
<td>ویویان هارل</td>
<td>کنترل کننده مالی</td>
<td>سان فرانسیسکو</td>
<td>62</td>
<td>2009/02/14</td>
<td>$452,500</td>
</tr>
<tr>
<td>تیموتی مونی</td>
<td>مدیر دفتر</td>
<td>لندن</td>
<td>37</td>
<td>2008/12/11</td>
<td>$136,200</td>
</tr>
<tr>
<td>جکسون برادشاو</td>
<td>کارگردان</td>
<td>نیویورک</td>
<td>65</td>
<td>2008/09/26</td>
<td>$645,750</td>
</tr>
<tr>
<td>اولیویا لیانگ</td>
<td>مهندس پشتیبانی</td>
<td>سنگاپور</td>
<td>64</td>
<td>2011/02/03</td>
<td>$234,500</td>
</tr>
<tr>
<td>برونو نش</td>
<td>مهندس نرم افزار</td>
<td>لندن</td>
<td>38</td>
<td>2011/05/03</td>
<td>$163,500</td>
</tr>
<tr>
<td>ساکورا یاماموتو</td>
<td>مهندس پشتیبانی</td>
<td>توکیو</td>
<td>37</td>
<td>2009/08/19</td>
<td>$139,575</td>
</tr>
<tr>
<td>ثور والتون</td>
<td>توسعه دهنده</td>
<td>نیویورک</td>
<td>61</td>
<td>2013/08/11</td>
<td>$98,540</td>
</tr>
<tr>
<td>فین کاماچو</td>
<td>مهندس پشتیبانی</td>
<td>سان فرانسیسکو</td>
<td>47</td>
<td>2009/07/07</td>
<td>$87,500</td>
</tr>
<tr>
<td>سرژ بالدوین</td>
<td>هماهنگ کننده داده ها</td>
<td>سنگاپور</td>
<td>64</td>
<td>2012/04/09</td>
<td>$138,575</td>
</tr>
<tr>
<td>زنایدا فرانک</td>
<td>مهندس نرم افزار</td>
<td>نیویورک</td>
<td>63</td>
<td>2010/01/04</td>
<td>$125,250</td>
</tr>
<tr>
<td>زوریتا سرانو</td>
<td>مهندس نرم افزار</td>
<td>سان فرانسیسکو</td>
<td>56</td>
<td>2012/06/01</td>
<td>$115,000</td>
</tr>
<tr>
<td>جنیفر آکوستا</td>
<td>توسعه دهنده جاوا اسکریپت جوان</td>
<td>ادینبورگ</td>
<td>43</td>
<td>2013/02/01</td>
<td>$75,650</td>
</tr>
<tr>
<td>کارا استیونز</td>
<td>دستیار فروش</td>
<td>نیویورک</td>
<td>46</td>
<td>2011/12/06</td>
<td>$145,600</td>
</tr>
<tr>
<td>هرمیون باتلر</td>
<td>مدیر منطقه ای</td>
<td>لندن</td>
<td>47</td>
<td>2011/03/21</td>
<td>$356,250</td>
</tr>
<tr>
<td>لائل گریر</td>
<td>مدیر سیستم ها</td>
<td>لندن</td>
<td>21</td>
<td>2009/02/27</td>
<td>$103,500</td>
</tr>
<tr>
<td>جوناس الکساندر</td>
<td>توسعه دهنده</td>
<td>سان فرانسیسکو</td>
<td>30</td>
<td>2010/07/14</td>
<td>$86,500</td>
</tr>
<tr>
<td>شاد دکر</td>
<td>مدیر منطقه ای</td>
<td>ادینبورگ</td>
<td>51</td>
<td>2008/11/13</td>
<td>$183,000</td>
</tr>
<tr>
<td>مایکل بروس</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>سنگاپور</td>
<td>29</td>
<td>2011/06/27</td>
<td>$183,000</td>
</tr>
<tr>
<td>دونا اسنایدر</td>
<td>پشتیبانی مشتری</td>
<td>نیویورک</td>
<td>27</td>
<td>2011/01/25</td>
<td>$112,000</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>نام</th>
<th>موقعیت</th>
<th>دفتر</th>
<th>سن</th>
<th>تاریخ شروع</th>
<th>حقوق و دستمزد</th>
</tr>
</tfoot>
</table>
</div>
</div>جدول داده های پروفایل
کلاس profile را با datatables اضافه کنید
| نام | بخش | جنسیت | تحصیلات | موبایل | ایمیل | تاریخ عضویت | اقدام | |
|---|---|---|---|---|---|---|---|---|
 |
ببر نیکسون | معمار | مرد | M.COM., P.H.D. | 123 456 7890 | info@example.com | 2011/04/25 | |
 |
گرت وینترز | حسابدار | زن | M.COM., P.H.D. | 123 456 7890 | info@example.com | 2011/07/25 | |
 |
اشتون کاکس | فنی جوان | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2009/01/12 | |
 |
سدریک کلی | توسعه دهنده | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/03/29 | |
 |
شکر آیری | حسابدار | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2008/11/28 | |
 |
بریل ویلیامسون | متخصص | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/12/02 | |
 |
هرود چندلر | دستیار فروش | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2012/08/06 | |
 |
رونا دیویدسون | یکپارچه سازی | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/10/14 | |
 |
کالین هرست | توسعه دهنده جاوااسکریپت | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2009/09/15 | |
 |
سونیا فراست | مهندس نرم افزار | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2008/12/13 | |
|
جنا گینز | مدیر دفتر | زن | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2008/12/19 | |
|
کوین فلین | رهبر پشتیبانی | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2013/03/03 | |
|
شارد مارشال | مدیر منطقه ای | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2008/10/16 | |
|
هیلی کندی | ارشد بازاریابی | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/12/18 | |
|
تاتیانا فیتزپاتریک | مدیر منطقه ای | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/03/17 | |
|
مایکل سیلوا | طراح بازاریابی | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2012/11/27 | |
|
پل برد | مسئول مالی | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/06/09 | |
|
گلوریا لیتل | مدیر سیستم ها | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2009/04/10 | |
|
بردلی گریر | مهندس نرم افزار | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2012/10/13 | |
|
دای ریوس | رهبری پرسنل | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2012/09/26 | |
|
جنت کالدول | رهبر توسعه | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2011/09/03 | |
|
یوری بری | افسر بازاریابی | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2009/06/25 | |
|
سزار ونس | پشتیبانی قبل از فروش | مرد | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2011/12/12 | |
|
دوریس وایلدر | دستیار فروش | زن | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/09/20 | |
|
آنجلیکا راموس | افسر اجرایی | مرد | B.COM., M.COM. | 123 456 7890 | info@example.com | 2009/10/09 | |
|
گاوین جویس | توسعه دهنده | زن | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2010/12/22 | |
|
جنیفر چانگ | مدیر منطقه ای | مرد | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/11/14 | |
|
برندن واگنر | مهندس نرم افزار | زن | B.TACH, M.TACH | 123 456 7890 | info@example.com | 2011/06/07 | |
|
فیونا گرین | افسر عملیات | مرد | B.A, B.C.A | 123 456 7890 | info@example.com | 2010/03/11 | |
|
سرصفحه SHO UI | بازاریابی منطقه ای | زن | B.COM., M.COM. | 123 456 7890 | info@example.com | 2011/08/14 |
<div class="table-responsive">
<table id="example3" class="display table" style="min-width: 845px">
<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><img class="rounded-circle" width="35" src="images/profile/small/pic1.jpg" alt=""></td>
<td>ببر نیکسون</td>
<td>معمار</td>
<td>مرد</td>
<td>M.COM., P.H.D.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/04/25</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic2.jpg" alt=""></td>
<td>گرت وینترز</td>
<td>حسابدار</td>
<td>زن</td>
<td>M.COM., P.H.D.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/07/25</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic3.jpg" alt=""></td>
<td>اشتون کاکس</td>
<td>فنی جوان</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2009/01/12</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic4.jpg" alt=""></td>
<td>سدریک کلی</td>
<td>توسعه دهنده</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/03/29</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic5.jpg" alt=""></td>
<td>شکر آیری</td>
<td>حسابدار</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2008/11/28</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic6.jpg" alt=""></td>
<td>بریل ویلیامسون</td>
<td>متخصص</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/12/02</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic7.jpg" alt=""></td>
<td>هرود چندلر</td>
<td>دستیار فروش</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/08/06</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic8.jpg" alt=""></td>
<td>رونا دیویدسون</td>
<td>یکپارچه سازی</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/10/14</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic9.jpg" alt=""></td>
<td>کالین هرست</td>
<td>توسعه دهنده جاوااسکریپت</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2009/09/15</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic10.jpg" alt=""></td>
<td>سونیا فراست</td>
<td>مهندس نرم افزار</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2008/12/13</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic1.jpg" alt=""></td>
<td>جنا گینز</td>
<td>مدیر دفتر</td>
<td>زن</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2008/12/19</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic2.jpg" alt=""></td>
<td>کوین فلین</td>
<td>رهبر پشتیبانی</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2013/03/03</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic3.jpg" alt=""></td>
<td>شارد مارشال</td>
<td>مدیر منطقه ای</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2008/10/16</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic4.jpg" alt=""></td>
<td>هیلی کندی</td>
<td>ارشد بازاریابی</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/12/18</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic5.jpg" alt=""></td>
<td>تاتیانا فیتزپاتریک</td>
<td>مدیر منطقه ای</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/03/17</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic6.jpg" alt=""></td>
<td>مایکل سیلوا</td>
<td>طراح بازاریابی</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/11/27</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic7.jpg" alt=""></td>
<td>پل برد</td>
<td>مسئول مالی</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/06/09</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic8.jpg" alt=""></td>
<td>گلوریا لیتل</td>
<td>مدیر سیستم ها</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2009/04/10</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic9.jpg" alt=""></td>
<td>بردلی گریر</td>
<td>مهندس نرم افزار</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/10/13</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic10.jpg" alt=""></td>
<td>دای ریوس</td>
<td>رهبری پرسنل</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2012/09/26</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic1.jpg" alt=""></td>
<td>جنت کالدول</td>
<td>رهبر توسعه</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/09/03</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic2.jpg" alt=""></td>
<td>یوری بری</td>
<td>افسر بازاریابی</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2009/06/25</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic3.jpg" alt=""></td>
<td>سزار ونس</td>
<td>پشتیبانی قبل از فروش</td>
<td>مرد</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/12/12</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic4.jpg" alt=""></td>
<td>دوریس وایلدر</td>
<td>دستیار فروش</td>
<td>زن</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/09/20</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic5.jpg" alt=""></td>
<td>آنجلیکا راموس</td>
<td>افسر اجرایی</td>
<td>مرد</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2009/10/09</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic6.jpg" alt=""></td>
<td>گاوین جویس</td>
<td>توسعه دهنده</td>
<td>زن</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/12/22</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic7.jpg" alt=""></td>
<td>جنیفر چانگ</td>
<td>مدیر منطقه ای</td>
<td>مرد</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/11/14</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic8.jpg" alt=""></td>
<td>برندن واگنر</td>
<td>مهندس نرم افزار</td>
<td>زن</td>
<td>B.TACH, M.TACH</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/06/07</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic9.jpg" alt=""></td>
<td>فیونا گرین</td>
<td>افسر عملیات</td>
<td>مرد</td>
<td>B.A, B.C.A</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2010/03/11</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
<tr>
<td><img class="rounded-circle" width="35" src="images/profile/small/pic10.jpg" alt=""></td>
<td>سرصفحه SHO UI</td>
<td>بازاریابی منطقه ای</td>
<td>زن</td>
<td>B.COM., M.COM.</td>
<td><a href="javascript:void(0);"><strong>123 456 7890</strong></a></td>
<td><a href="javascript:void(0);"><strong>info@example.com</strong></a></td>
<td>2011/08/14</td>
<td>
<div class="d-flex">
<a href="#" class="btn btn-primary shadow btn-xs sharp me-1"><i class="fas fa-pencil-alt"></i></a>
<a href="#" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>جمع آوری هزینه ها
کلاس fees را با datatables اضافه کنید
| رول شماره | نام دانش آموز | شماره فاکتور | نوع هزینه ها | نوع پرداخت | وضعیت | تاریخ | مقدار |
|---|---|---|---|---|---|---|---|
| 01 | ببر نیکسون | #54605 | کتابخانه | پول نقد | پرداخت شده است | 2011/04/25 | 120$ |
| 02 | گرت وینترز | #54687 | کتابخانه | کارت اعتباری | در انتظار | 2011/07/25 | 120$ |
| 03 | اشتون کاکس | #35672 | شهریه | پول نقد | پرداخت شده است | 2009/01/12 | 120$ |
| 04 | سدریک کلی | #57984 | سالانه | کارت اعتباری | در انتظار | 2012/03/29 | 120$ |
| 05 | شکر آیری | #12453 | کتابخانه | بررسی کنید | در انتظار | 2008/11/28 | 120$ |
| 06 | بریل ویلیامسون | #59723 | شهریه | پول نقد | پرداخت شده است | 2012/12/02 | 120$ |
| 07 | هرود چندلر | #98726 | شهریه | کارت اعتباری | پرداخت نشده است | 2012/08/06 | 120$ |
| 08 | رونا دیویدسون | #98721 | کتابخانه | بررسی کنید | پرداخت نشده است | 2010/10/14 | 120$ |
| 09 | کالین هرست | #54605 | سالانه | بررسی کنید | پرداخت شده است | 2009/09/15 | 120$ |
| 10 | سونیا فراست | #98734 | شهریه | کارت اعتباری | پرداخت نشده است | 2008/12/13 | 120$ |
| 11 | جنا گینز | #12457 | شهریه | پول نقد | پرداخت نشده است | 2008/12/19 | 120$ |
| 12 | کوین فلین | #36987 | کتابخانه | بررسی کنید | در انتظار | 2013/03/03 | 120$ |
| 13 | شارد مارشال | #98756 | شهریه | بررسی کنید | پرداخت شده است | 2008/10/16 | 120$ |
| 14 | هیلی کندی | #98754 | کتابخانه | پول نقد | پرداخت نشده است | 2012/12/18 | 120$ |
| 15 | تاتیانا فیتزپاتریک | #65248 | سالانه | بررسی کنید | پرداخت نشده است | 2010/03/17 | 120$ |
| 16 | مایکل سیلوا | #75943 | شهریه | کارت اعتباری | پرداخت شده است | 2012/11/27 | 120$ |
| 17 | پل برد | #87954 | کتابخانه | بررسی کنید | در انتظار | 2010/06/09 | 120$ |
| 18 | گلوریا لیتل | #98746 | شهریه | بررسی کنید | پرداخت شده است | 2009/04/10 | 120$ |
| 19 | بردلی گریر | #98674 | سالانه | پول نقد | پرداخت نشده است | 2012/10/13 | 120$ |
| 20 | دای ریوس | #69875 | شهریه | بررسی کنید | در انتظار | 2012/09/26 | 120$ |
| 21 | جنت کالدول | #54678 | کتابخانه | بررسی کنید | پرداخت شده است | 2011/09/03 | 120$ |
| 22 | یوری بری | #98756 | شهریه | کارت اعتباری | پرداخت نشده است | 2009/06/25 | 120$ |
| 23 | سزار ونس | #86754 | شهریه | بررسی کنید | پرداخت شده است | 2011/12/12 | 120$ |
| 24 | دوریس وایلدر | #34251 | سالانه | پول نقد | در انتظار | 2010/09/20 | 120$ |
| 25 | آنجلیکا راموس | #65874 | شهریه | بررسی کنید | پرداخت نشده است | 2009/10/09 | 120$ |
| 26 | گاوین جویس | #54605 | زن | کارت اعتباری | پرداخت شده است | 2010/12/22 | 120$ |
| 27 | جنیفر چانگ | #54605 | شهریه | بررسی کنید | در انتظار | 2010/11/14 | 120$ |
| 28 | برندن واگنر | #45687 | کتابخانه | بررسی کنید | پرداخت نشده است | 2011/06/07 | 120$ |
| 29 | فیونا گرین | #23456 | شهریه | پول نقد | پرداخت شده است | 2010/03/11 | 120$ |
| 30 | سرصفحه SHO UI | #54605 | سالانه | کارت اعتباری | در انتظار | 2011/08/14 | 120$ |
<div class="table-responsive">
<table id="example4" class="display table" style="min-width: 845px">
<thead>
<tr>
<th>رول شماره</th>
<th>نام دانش آموز</th>
<th>شماره فاکتور</th>
<th>نوع هزینه ها </th>
<th>نوع پرداخت </th>
<th>وضعیت </th>
<th>تاریخ</th>
<th>مقدار</th>
</tr>
</thead>
<tbody>
<tr>
<td>01</td>
<td>ببر نیکسون</td>
<td>#54605</td>
<td>کتابخانه</td>
<td>پول نقد</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2011/04/25</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>02</td>
<td>گرت وینترز</td>
<td>#54687</td>
<td>کتابخانه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2011/07/25</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>03</td>
<td>اشتون کاکس</td>
<td>#35672</td>
<td>شهریه</td>
<td>پول نقد</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2009/01/12</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>04</td>
<td>سدریک کلی</td>
<td>#57984</td>
<td>سالانه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2012/03/29</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>05</td>
<td>شکر آیری</td>
<td>#12453</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2008/11/28</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>06</td>
<td>بریل ویلیامسون</td>
<td>#59723</td>
<td>شهریه</td>
<td>پول نقد</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2012/12/02</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>07</td>
<td>هرود چندلر</td>
<td>#98726</td>
<td>شهریه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2012/08/06</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>08</td>
<td>رونا دیویدسون</td>
<td>#98721</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2010/10/14</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>09</td>
<td>کالین هرست</td>
<td>#54605</td>
<td>سالانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2009/09/15</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>10</td>
<td>سونیا فراست</td>
<td>#98734</td>
<td>شهریه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2008/12/13</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>11</td>
<td>جنا گینز</td>
<td>#12457</td>
<td>شهریه</td>
<td>پول نقد</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2008/12/19</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>12</td>
<td>کوین فلین</td>
<td>#36987</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2013/03/03</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>13</td>
<td>شارد مارشال</td>
<td>#98756</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2008/10/16</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>14</td>
<td>هیلی کندی</td>
<td>#98754</td>
<td>کتابخانه</td>
<td>پول نقد</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2012/12/18</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>15</td>
<td>تاتیانا فیتزپاتریک</td>
<td>#65248</td>
<td>سالانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2010/03/17</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>16</td>
<td>مایکل سیلوا</td>
<td>#75943</td>
<td>شهریه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2012/11/27</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>17</td>
<td>پل برد</td>
<td>#87954</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2010/06/09</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>18</td>
<td>گلوریا لیتل</td>
<td>#98746</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2009/04/10</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>19</td>
<td>بردلی گریر</td>
<td>#98674</td>
<td>سالانه</td>
<td>پول نقد</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2012/10/13</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>20</td>
<td>دای ریوس</td>
<td>#69875</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2012/09/26</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>21</td>
<td>جنت کالدول</td>
<td>#54678</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2011/09/03</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>22</td>
<td>یوری بری</td>
<td>#98756</td>
<td>شهریه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2009/06/25</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>23</td>
<td>سزار ونس</td>
<td>#86754</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2011/12/12</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>24</td>
<td>دوریس وایلدر</td>
<td>#34251</td>
<td>سالانه</td>
<td>پول نقد</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2010/09/20</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>25</td>
<td>آنجلیکا راموس</td>
<td>#65874</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2009/10/09</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>26</td>
<td>گاوین جویس</td>
<td>#54605</td>
<td>زن</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2010/12/22</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>27</td>
<td>جنیفر چانگ</td>
<td>#54605</td>
<td>شهریه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2010/11/14</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>28</td>
<td>برندن واگنر</td>
<td>#45687</td>
<td>کتابخانه</td>
<td>بررسی کنید</td>
<td><span class="badge light badge-danger">پرداخت نشده است</span></td>
<td>2011/06/07</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>29</td>
<td>فیونا گرین</td>
<td>#23456</td>
<td>شهریه</td>
<td>پول نقد</td>
<td><span class="badge light badge-success">پرداخت شده است</span></td>
<td>2010/03/11</td>
<td><strong>120$</strong></td>
</tr>
<tr>
<td>30</td>
<td>سرصفحه SHO UI</td>
<td>#54605</td>
<td>سالانه</td>
<td>کارت اعتباری</td>
<td><span class="badge light badge-warning">در انتظار</span></td>
<td>2011/08/14</td>
<td><strong>120$</strong></td>
</tr>
</tbody>
</table>
</div>بیمار
کلاس Patient را با datatables اضافه کنید
|
|
شناسه بیمار | تاریخ ورود | نام بیمار | دکتر تعیین شد | بیماری | وضعیت | اتاق شماره | اقدام |
|---|---|---|---|---|---|---|---|---|
|
|
#P-00001 | 26/02/2020, 12:42 قبل از ظهر | ببر نیکسون | دکتر سدریک | سرماخوردگی و آنفولانزا | بیمار جدید | AB-001 |
|
|
|
#P-00002 | 28/02/2020, 12:42 قبل از ظهر | گرت وینترز | دکتر سدریک | مشکل خواب | در درمان | AB-002 |
|
|
|
#P-00003 | 26/02/2020, 12:42 قبل از ظهر | اشتون کاکس | دکتر رونا | سرماخوردگی و آنفولانزا | بهبود یافت | AB-003 |
|
|
|
#P-00004 | 29/02/2020, 12:42 قبل از ظهر | اشتون کاکس | دکتر سدریک | سرماخوردگی و آنفولانزا | در درمان | AB-004 |
|
|
|
#P-00005 | 28/02/2020, 12:42 قبل از ظهر | اشتون کاکس | دکتر سدریک | سرماخوردگی و آنفولانزا | در درمان | AB-005 |
|
|
|
#P-00006 | 28/02/2020, 12:42 قبل از ظهر | اشتون کاکس | دکتر رونا | مشکل خواب | در درمان | AB-006 |
|
|
|
#P-00007 | 26/02/2020, 12:42 قبل از ظهر | شکر آیری | دکتر رونا | سرماخوردگی و آنفولانزا | بیمار جدید | AB-007 |
|
|
|
#P-00008 | 29/02/2020, 12:42 قبل از ظهر | شکر آیری | دکتر گرت | مشکل خواب | در درمان | AB-008 |
|
|
|
#P-00009 | 25/02/2020, 12:42 قبل از ظهر | شکر آیری | دکتر رونا | سرماخوردگی و آنفولانزا | بیمار جدید | AB-009 |
|
|
|
#P-00010 | 26/02/2020, 12:42 قبل از ظهر | شکر آیری | دکتر رونا | مشکل خواب | بیمار جدید | AB-010 |
|
|
|
#P-00011 | 28/02/2020, 12:42 قبل از ظهر | شکر آیری | دکتر رونا | سرماخوردگی و آنفولانزا | در درمان | AB-011 |
|
|
|
#P-00012 | 29/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر گرت | مشکل خواب | بیمار جدید | AB-012 |
|
|
|
#P-00013 | 25/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر رونا | سرماخوردگی و آنفولانزا | بیمار جدید | AB-013 |
|
|
|
#P-00014 | 26/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر گرت | مشکل خواب | در درمان | AB-014 |
|
|
|
#P-00015 | 28/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر رونا | سرماخوردگی و آنفولانزا | بیمار جدید | AB-015 |
|
|
|
#P-00016 | 29/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر گرت | مشکل خواب | بیمار جدید | AB-016 |
|
|
|
#P-00017 | 25/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر رونا | سرماخوردگی و آنفولانزا | در درمان | AB-017 |
|
|
|
#P-00018 | 26/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر رونا | مشکل خواب | بیمار جدید | AB-018 |
|
|
|
#P-00019 | 28/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر رونا | سرماخوردگی و آنفولانزا | بیمار جدید | AB-019 |
|
|
|
#P-00020 | 25/02/2020, 12:42 قبل از ظهر | سونیا فراست | دکتر گرت | مشکل خواب | در درمان | AB-020 |
|
<div class="table-responsive">
<table id="example5" class="display table" style="min-width: 845px">
<thead>
<tr>
<th>
<div class="custom-control d-inline custom-checkbox">
<input type="checkbox" class="form-check-input" id="checkAll" required="">
<label class="form-check-label" for="checkAll"></label>
</div>
</th>
<th>شناسه بیمار</th>
<th>تاریخ ورود</th>
<th>نام بیمار</th>
<th>دکتر تعیین شد</th>
<th>بیماری</th>
<th>وضعیت</th>
<th>اتاق شماره</th>
<th>اقدام</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox2" required="">
<label class="form-check-label" for="customCheckBox2"></label>
</div>
</td>
<td>#P-00001</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>ببر نیکسون</td>
<td>دکتر سدریک</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-001</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox3" required="">
<label class="form-check-label" for="customCheckBox3"></label>
</div>
</td>
<td>#P-00002</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>گرت وینترز</td>
<td>دکتر سدریک</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-002</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox4" required="">
<label class="form-check-label" for="customCheckBox4"></label>
</div>
</td>
<td>#P-00003</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>اشتون کاکس</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-success">
<i class="fa fa-circle text-success me-1"></i>
بهبود یافت
</span>
</td>
<td>AB-003</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox5" required="">
<label class="form-check-label" for="customCheckBox5"></label>
</div>
</td>
<td>#P-00004</td>
<td>29/02/2020, 12:42 قبل از ظهر</td>
<td>اشتون کاکس</td>
<td>دکتر سدریک</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-004</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox6" required="">
<label class="form-check-label" for="customCheckBox6"></label>
</div>
</td>
<td>#P-00005</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>اشتون کاکس</td>
<td>دکتر سدریک</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-005</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox7" required="">
<label class="form-check-label" for="customCheckBox7"></label>
</div>
</td>
<td>#P-00006</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>اشتون کاکس</td>
<td>دکتر رونا</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-006</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox8" required="">
<label class="form-check-label" for="customCheckBox8"></label>
</div>
</td>
<td>#P-00007</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>شکر آیری</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-007</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox9" required="">
<label class="form-check-label" for="customCheckBox9"></label>
</div>
</td>
<td>#P-00008</td>
<td>29/02/2020, 12:42 قبل از ظهر</td>
<td>شکر آیری</td>
<td>دکتر گرت </td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-008</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox10" required="">
<label class="form-check-label" for="customCheckBox10"></label>
</div>
</td>
<td>#P-00009</td>
<td>25/02/2020, 12:42 قبل از ظهر</td>
<td>شکر آیری</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-009</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox11" required="">
<label class="form-check-label" for="customCheckBox11"></label>
</div>
</td>
<td>#P-00010</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>شکر آیری</td>
<td>دکتر رونا</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-010</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox12" required="">
<label class="form-check-label" for="customCheckBox12"></label>
</div>
</td>
<td>#P-00011</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>شکر آیری</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-011</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox13" required="">
<label class="form-check-label" for="customCheckBox13"></label>
</div>
</td>
<td>#P-00012</td>
<td>29/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر گرت</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-012</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox14" required="">
<label class="form-check-label" for="customCheckBox14"></label>
</div>
</td>
<td>#P-00013</td>
<td>25/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-013</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox15" required="">
<label class="form-check-label" for="customCheckBox15"></label>
</div>
</td>
<td>#P-00014</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر گرت</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-014</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox16" required="">
<label class="form-check-label" for="customCheckBox16"></label>
</div>
</td>
<td>#P-00015</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-015</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox17" required="">
<label class="form-check-label" for="customCheckBox17"></label>
</div>
</td>
<td>#P-00016</td>
<td>29/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر گرت</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-016</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox18" required="">
<label class="form-check-label" for="customCheckBox18"></label>
</div>
</td>
<td>#P-00017</td>
<td>25/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-017</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox19" required="">
<label class="form-check-label" for="customCheckBox19"></label>
</div>
</td>
<td>#P-00018</td>
<td>26/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر رونا</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-018</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox20" required="">
<label class="form-check-label" for="customCheckBox20"></label>
</div>
</td>
<td>#P-00019</td>
<td>28/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر رونا</td>
<td>سرماخوردگی و آنفولانزا</td>
<td>
<span class="badge light badge-danger">
<i class="fa fa-circle text-danger me-1"></i>
بیمار جدید
</span>
</td>
<td>AB-019</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="form-check custom-checkbox">
<input type="checkbox" class="form-check-input" id="customCheckBox21" required="">
<label class="form-check-label" for="customCheckBox21"></label>
</div>
</td>
<td>#P-00020</td>
<td>25/02/2020, 12:42 قبل از ظهر</td>
<td>سونیا فراست</td>
<td>دکتر گرت</td>
<td>مشکل خواب</td>
<td>
<span class="badge light badge-warning">
<i class="fa fa-circle text-warning me-1"></i>
در درمان
</span>
</td>
<td>AB-020</td>
<td>
<div class="dropdown ms-auto text-end">
<div class="btn-link" data-bs-toggle="dropdown">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><rect x="0" y="0" width="24" height="24"></rect><circle fill="#000000" cx="5" cy="12" r="2"></circle><circle fill="#000000" cx="12" cy="12" r="2"></circle><circle fill="#000000" cx="19" cy="12" r="2"></circle></g></svg>
</div>
<div class="dropdown-menu dropdown-menu-end">
<a class="dropdown-item" href="#">بیمار را بپذیرید</a>
<a class="dropdown-item" href="#">رد سفارش</a>
<a class="dropdown-item" href="#">مشاهده جزئیات</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>