مرتب سازی با فیلد عددی در datatable.js

مرتب سازی با فیلد عددی در datatable.js

معمولا پکیج datatable.js در پروژه‌های مختلف استفاده می‌شود و یکی از پر طرفدارترین کتابخانه‌های نمایش لیست داده‌ای است. در این نوشته به روش مرتب سازی جدول‌های داده‌ای با کمک فیلدهای عددی می‌پردازیم.

برای مرتب سازی جدول داده‌های خود را datatable.js از نمونه کد زیر استفاده کنید:

<head>
  <!-- jQuery -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  
  <!-- DataTables -->
  <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
  <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
</head>

<table id="example" class="display">
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th> <!-- Numeric column -->
      <th>Salary</th> <!-- Numeric column -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>35</td>
      <td>55000</td>
    </tr>
    <tr>
      <td>Jane Doe</td>
      <td>28</td>
      <td>60000</td>
    </tr>
    <tr>
      <td>Sam Smith</td>
      <td>40</td>
      <td>45000</td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
    $('#example').DataTable({
        "columnDefs": [
            { "type": "num", "targets": [1, 2] }  // Columns 1 and 2 for numeric sorting
        ]
    });
});

اگر سوالی در ارتباط با datatable.js دارید در بخش نظرات این نوشته برای ما بنویسید.

برای امتیاز به این نوشته کلیک کنید!

[کل: 1 میانگین: 5]