คำถามติดแท็ก datatables

20
DataTables: ไม่สามารถอ่านคุณสมบัติ 'mData' ของไม่ได้กำหนด
Datatablesฉันมีปัญหากับ ฉันยังผ่านลิงค์นี้ซึ่งไม่ได้ผลลัพธ์ใด ๆ ฉันได้รวมข้อกำหนดเบื้องต้นทั้งหมดที่ฉันแยกวิเคราะห์ข้อมูลโดยตรงใน DOM โปรดช่วยฉันแก้ไขปัญหานี้ ต้นฉบับ $(document).ready(function() { $('.viewCentricPage .teamCentric').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bPaginate": false, "bFilter": true, "bSort": true, "aaSorting": [ [1, "asc"] ], "aoColumnDefs": [{ "bSortable": false, "aTargets": [0] }, { "bSortable": true, "aTargets": [1] }, { "bSortable": false, "aTargets": [2] }], }); });

18
ฉันจะลบแถบค้นหาและส่วนท้ายที่เพิ่มโดยปลั๊กอิน jQuery DataTables ได้อย่างไร
ฉันใช้ jQuery DataTables ฉันต้องการลบแถบค้นหาและท้ายกระดาษ (แสดงจำนวนแถวที่มองเห็นได้) ที่ถูกเพิ่มลงในตารางตามค่าเริ่มต้น ฉันแค่ต้องการใช้ปลั๊กอินนี้เพื่อเรียงลำดับโดยทั่วไป สามารถทำได้หรือไม่
253 jquery  html  datatables 

23
ปิดใช้งานการเรียงลำดับสำหรับคอลัมน์เฉพาะใน jQuery DataTables
ฉันใช้ปลั๊กอิน jQuery DataTablesเพื่อเรียงลำดับเขตข้อมูลตาราง คำถามของฉันคือฉันจะปิดการเรียงลำดับสำหรับคอลัมน์ใดคอลัมน์หนึ่งได้อย่างไร ฉันลองด้วยรหัสต่อไปนี้ แต่มันไม่ทำงาน: "aoColumns": [ { "bSearchable": false }, null ] ฉันได้ลองใช้รหัสต่อไปนี้แล้ว: "aoColumnDefs": [ { "bSearchable": false, "aTargets": [ 1 ] } ] แต่สิ่งนี้ยังไม่ได้ผลลัพธ์ที่ต้องการ

9
DataTables: ไม่สามารถอ่านรูปแบบคุณสมบัติของ undefined
ฉันได้รับข้อผิดพลาดดังต่อไปนี้: jquery.dataTables.js:4089 Uncaught TypeError: Cannot read property 'style' of undefined(…) _fnCalculateColumnWidths @ jquery.dataTables.js:4089 _fnInitialise @ jquery.dataTables.js:3216 (anonymous function) @ jquery.dataTables.js:6457 each @ jquery-2.0.2.min.js:4 each @ jquery-2.0.2.min.js:4 DataTable @ jquery.dataTables.js:5993 $.fn.DataTable @ jquery.dataTables.js:14595 (anonymous function) @ VM3329:1 (anonymous function) @ VM3156:180 l @ jquery-2.0.2.min.js:4 fireWith @ jquery-2.0.2.min.js:4 k @ jquery-2.0.2.min.js:6 (anonymous …


5
วิธีอัปเดตตารางข้อมูลด้วยตนเองด้วยข้อมูล JSON ใหม่
ฉันใช้ปลั๊กอินjQuery datatablesและโหลดข้อมูลของฉันซึ่งฉันได้โหลดใน DOM ที่ด้านล่างของหน้าและเริ่มต้นปลั๊กอินด้วยวิธีนี้: var myData = [ { "id": 1, "first_name": "John", "last_name": "Doe" } ]; $('#table').dataTable({ data: myData columns: [ { data: 'id' }, { data: 'first_name' }, { data: 'last_name' } ] }); ตอนนี้. หลังจากดำเนินการบางอย่างแล้วฉันต้องการรับข้อมูลใหม่โดยใช้ ajax (แต่ไม่ใช่ตัวเลือก ajax ที่สร้างในดาต้า - อย่าเข้าใจฉันผิด!) และอัปเดตตารางด้วยข้อมูลเหล่านี้ ฉันจะทำได้อย่างไรโดยใช้ Datatables API เอกสารมีความสับสนมากและฉันไม่สามารถหาวิธีแก้ไขได้ ความช่วยเหลือใด …

26
jQuery DataTables: ความกว้างของตารางควบคุม
ฉันมีปัญหาในการควบคุมความกว้างของตารางโดยใช้ปลั๊กอิน jQuery DataTables ตารางควรมีความกว้าง 100% ของความกว้างของคอนเทนเนอร์ แต่จะมีความกว้างตามอำเภอใจแทนที่จะน้อยกว่าความกว้างของคอนเทนเนอร์ ข้อเสนอแนะชื่นชม การประกาศตารางมีลักษณะดังนี้ <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%"> และจาวาสคริปต์ jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){ jQuery('#querytableDatasets').dataTable({ "bPaginate": false, "bInfo": false, "bFilter": false }); }); ` เมื่อตรวจสอบ HTML ใน Firebug คุณจะเห็นสิ่งนี้ (สังเกต style ที่เพิ่ม = "width: 0px;") <table id="querytableDatasets" class="display" cellspacing="0" cellpadding="3" width="100%" style="width: 0px;"> เมื่อมองไปที่สไตล์ …

5
วิธีซ่อน“ แสดง 1 รายการจาก N รายการ” ด้วยไลบรารี dataTables.js
คุณจะลบบรรทัดข้อความ "แสดง 1 จาก N รายการ" บน dataTable ได้อย่างไร (นั่นคือเมื่อใช้ dataTables ของไลบรารี javascript ฉันคิดว่าฉันกำลังมองหาบางอย่างตามบรรทัดเหล่านี้ ... $('#example').dataTable({ "showNEntries" : false }); ค่อนข้างแน่ใจว่านี่เป็นวิธีง่ายๆ แต่ดูเหมือนจะไม่พบในเอกสาร

7
วิธีลบเลขหน้าใน datatable
ฉันเป็นคนใหม่ใน jQuery ฉันใช้ Datatables ในตาราง แต่ไม่จำเป็นต้องแบ่งหน้า มีรายการคำสั่งซื้อในหน้าเดียวและฉันแสดงในตาราง Datatable แต่ด้านล่างฉันไม่ต้องการแสดงการแบ่งหน้า มีวิธีใดบ้างในการลบหรือซ่อนการแบ่งหน้าจากตารางข้อมูลโดยใช้การปรับแต่งบิตบนไลบรารี jQuery ฉันพยายามปรับแต่ง แต่ฉันพบวิธีการน้อยมาก .. ขอบคุณล่วงหน้า.

12
TypeError: $ (…) .DataTable ไม่ใช่ฟังก์ชัน
ฉันพยายามที่จะทำงานกับ jQuery ของ DataTable JS สำหรับโครงการของฉันจากนี้การเชื่อมโยง ฉันดาวน์โหลดไลบรารีทั้งหมดจากแหล่งเดียวกัน ตัวอย่างทั้งหมดที่ให้ไว้ในแพ็กเกจดูเหมือนจะใช้งานได้ดี แต่เมื่อฉันพยายามรวมไว้ในWebFormsCSS, JS ไม่ทำงานเลย นี่คือสิ่งที่ฉันได้ทำ: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div> <table id="myTable" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> …

23
จะโหลด / รีเฟรช jQuery dataTable ได้อย่างไร?
ฉันกำลังพยายามใช้ฟังก์ชันโดยการคลิกปุ่มบนหน้าจอจะทำให้jQuery dataTableของฉันรีเฟรช (เนื่องจากแหล่งข้อมูลฝั่งเซิร์ฟเวอร์อาจมีการเปลี่ยนแปลงตั้งแต่สร้าง dataTable) นี่คือสิ่งที่ฉันมี: $(document).ready(function() { $("#my-button").click(function() { $("#my-datatable").dataTable().fnReloadAjax(); }); }); แต่เมื่อฉันเรียกใช้สิ่งนี้มันไม่ทำอะไรเลย วิธีที่เหมาะสมในการรีเฟรช dataTable เมื่อคลิกปุ่มคืออะไร? ขอบคุณล่วงหน้า!
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.