جدول داده‌ای

DataTables افزونه ای برای کتابخانه jQuery Javascript است. این یک ابزار بسیار انعطاف پذیر است و تمام ویژگی های پیشرفته را به هر جدول 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>
نامسمتدفترسنتاریخ شروعحقوق
آناهیتا رومی مدیر اجرایی رشت 47 1396/10/09 1,200,000
الهه جم مهندس ارشد تبریز 64 1395/02/03 234,500
بهنام صمدی مهندس نرم افزار گیلان 28 1395/06/07 206,850
بهنام محمدی مهندس نرم افزار رشت 41 1399/10/13 132,000
بیتا احدی مهندس نرم افزار رشت 38 1395/05/03 163,500
بیتا جم مدیریت بودجه تهران 61 1399/12/02 372,000
تانیا جم مدیر اجرایی رشت 19 1397/03/17 385,750
تینا محمدی معمار سیستم تهران 61 1395/04/25 320,800
تینا منصوری مدیر دفتر رشت 37 1394/12/11 136,200
جواد خواجوی مدیر تهران 65 1394/09/26 645,750
نامسمتدفترسنتاریخ شروعحقوق
نمایش 1 از 10 کل 57 داده
<table id="myTable" class="table table-striped table-bordered">
  <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>1395/04/25</td>
      <td>320,800</td>
    </tr>
    ...
  </tbody>
</table>
$(document).ready(function (){
    $('#myTable').DataTable();
});
نامسمتدفترسنتاریخ شروعحقوق
نام
سمت
دفتر
سن
تاریخ شروع
حقوق
نام
سمت
دفتر
سن
تاریخ شروع
حقوق
آناهیتا رومی مدیر اجرایی رشت 47 1396/10/09 1,200,000
الهه جم مهندس ارشد تبریز 64 1395/02/03 234,500
بهنام صمدی مهندس نرم افزار گیلان 28 1395/06/07 206,850
بهنام محمدی مهندس نرم افزار رشت 41 1399/10/13 132,000
بیتا احدی مهندس نرم افزار رشت 38 1395/05/03 163,500
بیتا جم مدیریت بودجه تهران 61 1399/12/02 372,000
تانیا جم مدیر اجرایی رشت 19 1397/03/17 385,750
تینا محمدی معمار سیستم تهران 61 1395/04/25 320,800
تینا منصوری مدیر دفتر رشت 37 1394/12/11 136,200
جواد خواجوی مدیر تهران 65 1394/09/26 645,750
نامسمتدفترسنتاریخ شروعحقوق
نمایش 1 از 10 کل 57 داده
<table id="myTable" class="table table-striped table-bordered">
  <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>تینا محمدی</td>
      <td>معمار سیستم</td>
      <td>تهران</td>
      <td>61</td>
      <td>1395/04/25</td>
      <td>$320,800</td>
    </tr>
    ...
  </tbody>
</table>
$(document).ready(function (){
    $('#myTable').DataTable({
        "scrollY": "400px",
        "scrollCollapse": true
    });
});