2015-10-10 7 views
-1

Я пытаюсь создать аналогичную таблицу, такую ​​как https://datatables.net/examples/api/row_details.html, в которой дополнительные данные отображаются при щелчке по значку плюс.jQuery DataTables с дополнительными данными

Это то, что я делаю http://jsfiddle.net/xcbj4Lac/

var table = $('#example').DataTable({ 
      data: {"230660370":{"sale_order_item_code":"230660370","amount_recd":"570.05","net_margin_paid":35,"csp_mark_down":31,"net_mark_down":55,"received_return":"false","ignore":"false","settled_in_days":6,"return_in_days":null,"channel":"flipkart","file":"files\\ia2kth3crahupae7_2015-08-01_2015-08-31.csv","display_order_code":"OD003605696725113400","item_sku_code":"CA127261_42","order_date":"2015-08-10 15:44:00","sale_order_item_status":"DELIVERED","selling_price":"875.00","transactions":[{"settlement_ref_no":"NFT-150817314GN00056XXXXXXX","settlement_date":"2015-08-17 00:00:00","order_item_value_rs":"875.00","sale_transaction_amount_rs":"875.00","discount_transaction_amount":"0.00","refund_rs":"0.00","protection_fund_rs":"0.00","total_marketplace_fee_rs":"-267.50","service_tax_rs":"-37.45","amount_recd":"570.05","commission_rate":18,"total_offer_amount":"0.00","my_offer_share":"0.00","flipkart_offer_share":"0.00","file":"files\\ia2kth3crahupae7_2015-08-01_2015-08-31.csv"}]},"235780806":{"sale_order_item_code":"235780806","amount_recd":"661.25","net_margin_paid":24,"csp_mark_down":31,"net_mark_down":48,"received_return":"true","ignore":"false","settled_in_days":5,"return_in_days":16,"channel":"flipkart","file":"files\\ia2kth3crahupae7_2015-08-01_2015-08-31.csv","display_order_code":"OD003690008540721702","item_sku_code":"FR126136_38","order_date":"2015-08-20 09:56:00","sale_order_item_status":"CANCELLED","selling_price":"875.00","transactions":[{"settlement_ref_no":"NFT-150826078GN00136XXXXXXX","settlement_date":"2015-08-26 00:00:00","order_item_value_rs":"875.00","sale_transaction_amount_rs":"875.00","discount_transaction_amount":"0.00","refund_rs":"0.00","protection_fund_rs":"0.00","total_marketplace_fee_rs":"-187.50","service_tax_rs":"-26.25","amount_recd":"661.25","commission_rate":18,"total_offer_amount":"0.00","my_offer_share":"0.00","flipkart_offer_share":"0.00","file":"files\\ia2kth3crahupae7_2015-08-01_2015-08-31.csv"}]}}, 
      "columns": [ 
       { 
        "className": 'details-control', 
        "orderable": false, 
        "data": null, 
        "defaultContent": '' 
       }, 
       {"data": "sale_order_item_code"}, 
       {"data": "display_order_code"}, 
       {"data": "item_sku_code"}, 
       {"data": "selling_price"}, 
       {"data": "amount_recd"}, 
       {"data": "net_mark_down"}, 
       {"data": "net_margin_paid"}, 
       {"data": "csp_mark_down"}, 
       {"data": "received_return"}, 
       {"data": "sale_order_item_status"}, 
       {"data": "order_date"}, 
       {"data": "ignore"} 
      ], 
      "order": [[1, 'asc']] 
     }); 

Однако я не знаю, почему моя таблица показывает отсутствие данных. Не могли бы вы помочь мне отладить его.

+0

datatable нуждается в массиве в качестве входных данных, но вы указали объект как вход. [рабочий пример] (http://jsfiddle.net/xnLqhxav/). а не с дополнительными данными. –

ответ

0

Datatable принимает данные объекта тоже, мы должны просто добавить следующий код.

"processing": true, 
"serverSide": true, 
+0

Я думаю, что он принимает массив объектов. но вы говорите, что он тоже принимает объект, если возможно, вы можете предоставить рабочую скрипту, которая принимает объект. я –

0

Это потому, что ваши данные не являются массивом. Из DataTables Doc:

«Основной источник данных, используемый для DataTable всегда должен быть массив [...]»

https://www.datatables.net/manual/data

Смежные вопросы