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

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

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

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

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




รูปที่ 1







รูปที่ 2



Hardalways 61.19.210.xxx 23-03-2021 14:37:32

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

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


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


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

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


Ninenik 124.120.200.xxx 23-03-2021
 ความคิดเห็นที่ 2
ขอบคุณครับ พอจะมีตัวอย่างการทำใน DataTables ไหมครับ

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


hardalways 124.121.183.xxx 23-03-2021 19:45
 ความคิดเห็นที่ 3
ทำได้แล้วครับ ใช้ HTML5 data-order เพิ่มเข้าไปใน Tag


hardalways 61.19.210.xxx 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 58.8.215.xxx 25-03-2021
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ