جدول اطلاعات
DataTables یک پلاگین برای jQuery می باشد که برای افزودن امکانات پیشرفته به جدول های HTML ساخته شده است. صفحه پلاگین.
<!-- Css -->
<link rel="stylesheet" href="vendors/dataTable/dataTables.min.css" type="text/css">
<!-- Javascript -->
<script src="vendors/dataTable/jquery.dataTables.min.js"></script>
<!-- Bootstrap 4 and responsive compatibility -->
<script src="vendors/dataTable/dataTables.bootstrap4.min.js"></script>
<script src="vendors/dataTable/dataTables.responsive.min.js"></script>
نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق |
---|---|---|---|---|---|
تونی استارک | طراح سیستم | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | اهواز | 48 | 2010/03/11 | 850,000 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی | تهران | 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 تومان |
نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق |
<table id="myTable" class="table table-striped table-bordered" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
...
</tbody>
</table>
$(document).ready(function (){
$('#myTable').DataTable();
});
نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق |
---|---|---|---|---|---|
تونی استارک | طراح سیستم | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | تبریز | 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 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی با تولید | اهواز | 48 | 2010/03/11 | 850,000 تومان |
لورم ایپسوم | لورم ایپسوم متن ساختگی | تهران | 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 تومان |
نام | موقعیت | دفتر | سن | تاریخ شروع | حقوق |
<table id="myTable" class="table table-striped table-bordered" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr>
...
</tbody>
</table>
$(document).ready(function (){
$('#myTable').DataTable({
"scrollY": "400px",
"scrollCollapse": true
});
});