2011-10-09 5 views
9

मैं डेटा प्राप्त करने के लिए server_processing के साथ डेटाटेबल्स का उपयोग कर रहा हूं, मुख्य मुद्दा यह है कि मैं HTML (<th width="25" id ="th1">id</th>) में कॉलम का नाम निर्दिष्ट नहीं करना चाहता हूं, मैं AJAX द्वारा डेटा प्राप्त करते समय गतिशील रूप से कॉलम बनाना चाहता हूं।डेटाटेबल्स के साथ गतिशील रूप से कॉलम Jquery

मेरे कोड है:।

$('#table').dataTable({ 

    "bProcessing": true, 
    "bServerSide": true, 
    "sAjaxSource": "server_processing.php?db="+pid+"&table="+id+"", //pid is the name of database and id the name of the table 
    "bJQueryUI": true, 
    "sPaginationType": "full_numbers" 

});    

उत्तर

5

"DataTables DOM से सीधे तालिका बारे में जानकारी प्राप्त कर सकते हैं, आप प्रत्येक व्यक्ति के स्तंभ के लिए DataTables विशेष निर्देश देने के लिए चाहते हो सकता है इस का उपयोग किया जा सकता है या तो aoColumnDefs पैरामीटर, या aoColumns और प्रत्येक कॉलम के लिए दी गई ऑब्जेक्ट जानकारी। " - http://datatables.net/usage/columns

कुछ की तरह:

एचटीएमएल

<table class="display" id="table"></table> 

js

$("#table").dataTable({ 
    bJQueryUI:true, 
    aoColumns:[ 
     {mDataProp:"foo",sTitle:"Foo Title"}, 
     {mDataProp:"bar",sTitle:"Bar Title"} 
    ], 
    fnServerData: function(sUrl, data, fnCallback){ 
     $.get('data.php', function(res) { 
      fnCallback({ // process results to match table format 
       "sEcho":config.sEcho, 
       "iTotalRecords":res.data.total || res.data.count, 
       "iTotalDisplayRecords":res.data.count || res.data.total, 
       "aaData":res.data.list 
      }) 
     }); 
    } 
}) 

कहाँ data.php

{ 
    data:{ 
     total:200, 
     count:3, 
     list:[ 
      {foo:"Foo 1",bar:"Bar 1"}, 
      {foo:"Foo 2",bar:"Bar 2"}, 
      {foo:"Foo 3",bar:"Bar 3"}, 
     ] 
    } 
} 
0 है

यहां इसे स्थापित करने का एक अच्छा सारांश भी है: http://datatables.net/usage/options#aaData

+0

यह एक अच्छा जवाब है, हालांकि यह वास्तविक ओपी का उत्तर नहीं देता है। वह कॉलम नाम और कॉलम विनिर्देश के बारे में पूछ रहा है और आप डेटा के बारे में जवाब दे रहे हैं। –

+0

हे जियोवानी, टिप्पणी के लिए धन्यवाद, लेकिन जिज्ञासा से, क्या आपने पोस्ट के पहले भाग को याद किया? aoColumns स्तंभ नामों का वर्णन करता है। मैंने स्पष्टता के लिए जेएसओएन डेटा जोड़ा। – Shanimal