ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


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

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

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

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

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

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




รูปที่ 1







รูปที่ 2



Hardalways 23-03-2021 14:37:32

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

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


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


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

 ความคิดเห็นที่ 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
1






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