สอบถามการ Sort ข้อมูลใน DataTables หน่อยครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการ Sort ข้อมูลใน DataTables หน่อยครับ

สอบถามการ Sort ข้อมูลใน DataTables หน่อยครับ

การกด Sort คอลัมน์ชื่อจังหวัดในตาราง DataTables มีวิธีเรียงที่ถูกต้องไหมครับ เช่น เชียงรายอยู่ถัดจากชุมพร (ตามรูปที่ 1)

ตอนนี้ถ้ากด Sort ชื่อจังหวัดที่ขึ้นต้นด้วยสระเอ สระแอจะไปกองอยู่ด้านล่างสุดครับ (ตามรูปที่ 2)

ลองค้นหาตามกูเกิ้ลดูแล้วแต่ยังไม่เจอวิธี ขอบคุณล่วงหน้าครับ

รูปที่ 1

รูปที่ 2

Hardalways 23-03-2021 14:37:32

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

น่าจะเป็นรูปแบบการเรียงที่ถูกต้องตามพจนานุกรมภาษาไทย เรียงจากพยัญชนะ แล้วต่อด้วยสระ
ถ้าอยากได้รูปแบบที่กำหนดเอง ต้องสร้างฟังก์ชั่น และกำหนดรูปแบบที่ต้องการแทรกเข้าไปแทน

Ninenik 23-03-2021

ความคิดเห็นที่ 2

ขอบคุณครับ พอจะมีตัวอย่างการทำใน DataTables ไหมครับ

ปกติเขียนแต่ในคิวรี่ให้ convert เป็น tis-620

hardalways 23-03-2021 19:45

ความคิดเห็นที่ 3

ทำได้แล้วครับ ใช้ HTML5 data-order เพิ่มเข้าไปใน Tag

hardalways 25-03-2021 10:51

ความคิดเห็นที่ 4

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title></title>
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css">
  <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
</head>
<body>
 
   
 <table id="example" class="display" style="width:100%">
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td  data-order="1">ชัยภูมิ</td>
            </tr>
            <tr>
                <td  data-order="2">ชุมพร</td>
            </tr>
            <tr>
                <td  data-order="3">เชียงราย</td>
            </tr>
            <tr>
                <td  data-order="4">เชียงใหม่</td>
            </tr>
            <tr>
                <td  data-order="5">ตรัง</td>
            </tr>          
   </tbody>
  </table>
   
   
  <script>
    $(document).ready(function() {
      $('#example').DataTable();
    });  
  </script>  
</body>
</html>

>>> อัพเดท >>> 25-03-2021
------------------------------------------
เพิ่มเติม คลิก

ตัวอย่าง DEMO

Ninenik 25-03-2021

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน