डेटाटैबल्स: अपरिभाषित की संपत्ति 'mData' नहीं पढ़ सकते हैं

Question

मेरे पास एक मुद्दा है 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]
    }],
  });
});

Comments

क्या आप अपनी तालिका का HTML दिखा सकते हैं?

— एहसान सज्जाद

खेद है कि आप अपनी चिंता के लिए html..thank पोस्ट नहीं कर रहे हैं..मैंने मेरी समस्या तय की :)।

— त्रिवेणी

"अपरिभाषित की संपत्ति 'mData नहीं पढ़ सकता है" त्रुटि तब भी दिखाई देती है जब एक अच्छी तरह से निर्मित एक कोस्पैन के साथ थ्रेड का उपयोग किया जाता है, लेकिन एक दूसरी पंक्ति के बिना प्रति td प्राप्त करने के लिए

— पॉलएच

.dataTable () फ़ंक्शन को पहले टिप्पणी करके चलाएं, फिर तालिका देखें, आप इस मामले को और अधिक मामलों में पाएंगे

— राजदीप

थ्रेड या टेबल हेडिंग कॉलम टेबल से गायब होना चाहिए, इसलिए स्क्रिप्ट नहीं मिल पा रही है, कृपया अपनी हेडिंग को थ्रेड या किसी कॉलम के नाम से देखें

— राहुल जैन

Answer 1

FYI करें डेटाटेबल्स के लिए एक अच्छी तरह से बनाई गई तालिका की आवश्यकता होती है। इसमें शामिल होना चाहिए <thead>और <tbody>टैग होना चाहिए , अन्यथा यह त्रुटि फेंकता है। यह भी सुनिश्चित करने के लिए जांचें कि हेडर पंक्ति सहित आपकी सभी पंक्तियों में समान संख्या में कॉलम हैं।

निम्नलिखित त्रुटि फेंक देगा (कोई <thead>और <tbody>टैग नहीं)

<table id="sample-table">
    <tr>
        <th>title-1</th>
        <th>title-2</th>
    </tr>
    <tr>
        <td>data-1</td>
        <td>data-2</td>
    </tr>
</table>

निम्नलिखित भी एक त्रुटि (स्तंभों की असमान संख्या) को फेंक देगा

<table id="sample-table">
    <thead>
        <tr>
            <th>title-1</th>
            <th>title-2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data-1</td>
            <td>data-2</td>
            <td>data-3</td>
        </tr>
    </tbody>
</table>

अधिक जानकारी के लिए यहां और पढ़ें

Comments

मेरे <tbody> पर अतिरिक्त <td> था जब मैंने इसे हटा दिया था !! बहुत बहुत शुक्रिया

— दीपेन

@SarowerJahan मुझे खुशी है कि मैं मदद कर सकता हूं।

— मूसा मचुआ

बस इस मुद्दे पर एक पूरा दिन बिताया। समस्या? मैं 2 था, लेकिन 3 td है ऐसे मूर्खतापूर्ण मुद्दे पर खुद को मारना! बहुत बहुत धन्यवाद।

— IfElseTryCatch

@foxontherock, कन्वेंशन द्वारा यह करता है। आप जो वर्णन कर रहे हैं वह कस्टम कॉन्फ़िगरेशन है, जिसके बारे में मुझे पता है, लेकिन यदि आप कस्टम कॉन्फ़िगरेशन प्रदान नहीं करते हैं, तो यह कन्वेंशन के लिए डिफॉल्ट करता है, जो मेरे उत्तर के पते

— मूसा मचुआ

आप मेरे दोस्त एक फौलादी आँखों वाले मिसाइल मैन हैं! मेरे पास एक लापता <th> :-) :-)

— एंडी

Answer 2

Cannot read property 'fnSetData' of undefinedइस गलत कोड में स्तंभों की बेमेल संख्या का एक सामान्य कारण है:

<thead>                 <!-- thead required -->
    <tr>                <!-- tr required -->
        <th>Rep</th>    <!-- td instead of th will also work -->
        <th>Titel</th>
                        <!-- th missing here -->
    </tr>
</thead>
<tbody>
    <tr>
        <td>Rep</td>
        <td>Titel</td>
        <td>Missing corresponding th</td>
    </tr>
</tbody>

जबकि निम्नलिखित कोड एक <th>प्रति<td> (कॉलम की संख्या से मेल खाना चाहिए) काम करता है:

<thead>
    <tr>
        <th>Rep</th>       <!-- 1st column -->
        <th>Titel</th>     <!-- 2nd column -->
        <th>Added th</th>  <!-- 3rd column; th added here -->
    </tr>
</thead>
<tbody>
    <tr>
        <td>Rep</td>             <!-- 1st column -->
        <td>Titel</td>           <!-- 2nd column -->
        <td>th now present</td>  <!-- 3rd column -->
    </tr>
</tbody>

त्रुटि तब भी प्रकट होती है जब एक अच्छी तरह से गठित थ्रेड का उपयोग एक कोलस्पैन के साथ किया जाता है लेकिन दूसरी पंक्ति के बिना।

7 स्तंभों वाली तालिका के लिए, निम्नलिखित काम नहीं करता है और हम जावास्क्रिप्ट कंसोल में "अपरिभाषित की संपत्ति 'mData' नहीं पढ़ सकते हैं:

<thead>
    <tr>
        <th>Rep</th>
        <th>Titel</th>
        <th colspan="5">Download</th>
    </tr>
</thead>

जबकि यह काम करता है:

<thead>
    <tr>
        <th rowspan="2">Rep</th>
        <th rowspan="2">Titel</th>
        <th colspan="5">Download</th>
    </tr>
    <tr>
        <th>pdf</th>
        <th>nwc</th>
        <th>nwctxt</th>
        <th>mid</th>
        <th>xml</th>
    </tr>
</thead>

Comments

अपना उत्तर उपयोगी पाया। मेरा मार्कअप trसभी thतत्वों को घेरने के लिए इस्तेमाल किया गया था । बस इसे यहाँ छोड़ देने की स्थिति में कोई इसे उपयोगी पाता है!

— विक्रम देशमुख

यह उत्तर मुझे मेरे समाधान की ओर भी ले जाता है। मुझे thअपने में एक कॉलम याद आ रहा था thead, जो त्रुटि पैदा कर रहा था। नाथन हना का जवाब भी इस मुद्दे को इंगित करता है।

— पॉल रिचर 3

इस मदद मुझे देखने के लिए मैं एक लापता है कि thमेरी में theadभी!

— डेमी मैगस

colspanव्याख्या पर चार साल अभी भी एक समस्या है। मुझे त्रुटियों से छुटकारा पाने के लिए कुछ खाली thऔर कुछ नहीं colspanकरना था। लेकिन इस कार्यक्षमता को प्राप्त करने के लिए एक सरल जोड़ क्या है। BTW: रेल 5.1.5, बूटस्ट्रैप 4.0.0। मैंने सिर्फ स्टाइलशीट और स्क्रिप्ट सीडीएन और $(document).ready…पेज पर जोड़ा है ।

— ग्रेग

@ क्षमा करें, मुझे समझ नहीं आया।

— पॉल एचएच

Answer 3

मचान जनरेटर के माध्यम से बनाए गए एक रेल दृश्य में DOM डेटा का उपयोग करके मुझे यही समस्या थी। डिफ़ॉल्ट रूप से दृश्य <th>अंतिम तीन कॉलम के लिए तत्वों को छोड़ देता है (जिसमें रिकॉर्ड दिखाने, छिपाने और नष्ट करने के लिए लिंक होते हैं)। मैंने पाया कि अगर मैंने उन स्तंभों के लिए शीर्षकों में एक <th>तत्व में जोड़ा, तो <thead>यह समस्या तय करता है।

मैं नहीं कह सकता कि यह वही समस्या है जो आपको हो रही है क्योंकि मैं आपका html नहीं देख सकता। यदि यह एक ही समस्या नहीं है, तो आप क्रोम डिबगर का उपयोग यह पता लगाने के लिए कर सकते हैं कि कंसोल में त्रुटि पर क्लिक करके यह कौन सा कॉलम गलत है (जो आपको उस कोड में ले जाएगा जो उस पर विफल हो रहा है), फिर एक सशर्त जोड़ रहा है विराम बिंदु (पर col==undefined)। जब यह रुक जाता है तो आप चर iको यह देखने के लिए जाँच सकते हैं कि यह किस स्तंभ पर है, यह पता लगाने में आपकी मदद कर सकता है कि दूसरों से उस स्तंभ के बारे में क्या अलग है। उम्मीद है की वो मदद करदे!

Comments

यह एकमात्र तरीका था जिसने मुझे अपनी समस्या को हल करने में मदद की। धन्यवाद!

— माइक क्रो

सुनिश्चित नहीं है कि आप पहले से ही इसका उल्लेख करते हैं, लेकिन हम सही कॉलम पर चर को "देख" सकते हैं और पता लगा सकते हैं कि कौन सी तालिका संबंधित है। मेरे मामले के लिए यह Asp.Net तालिका का डिफ़ॉल्ट रेंडरिंग है, जो तालिका खाली होने पर मानकीकृत नहीं है। पारितोषिक के लिए धन्यवाद!

— लांग

धन्यवाद ... नथन ने डिबगिंग चरणों के लिए। इसने मेरी मदद की।

— सचिन गायकवाड़

मेरे लिए, समस्या थ्रेड और tbody तत्व को जोड़कर तय की गई है।

— नेओली

मेरे पास एक ही रेल सेटअप है, लेकिन मैंने अंतिम तीन कॉलमों का नाम "विवरण" रखा था, लेकिन मुझे colspan="3"त्रुटियां मिलीं (यही कारण है कि मैं इस पृष्ठ पर समाप्त हुआ)। मैं थोड़ा इधर उधर हो गया, लेकिन आखिरकार हार मान ली और thपहले तीन "विवरण" के साथ तीन तत्व बनाए और आखिरी दो खाली छोड़ दिए। चारों ओर फैलीडलिंग ने सुझाव दिया कि डेटाटेबल्स को श्रृंखला में अंतिम के रूप में कोलस्पैन के साथ समस्याएं हैं। ओपी फिक्स अजीब है कि कॉलम की संख्या में जोड़ नहीं है। मेरे पास मेज पर कोई शर्तें नहीं थीं, जैसे कि orderया sortable। मैंने इसे काम करने के बाद जोड़ा।

— ग्रेग

Answer 4

बीत रहा है <thead>और <tbody>का एक ही नंबर के साथ <th>और <td>मेरी समस्या हल।

Comments

धन्यवाद, यह मेरी समस्या भी थी। आपका उत्तर मददगार था सर।

— fmquaglia

Answer 5

यह तब भी हो सकता है जब आपके पास उन चीजों के लिए तालिका तर्क होते हैं जैसे 'aoColumns':[..]कि स्तंभों की सही संख्या से मेल नहीं खाते हैं। इस तरह की समस्याएं आमतौर पर तब हो सकती हैं, जब आपके डेटाटैब एकीकरण को त्वरित रूप से शुरू करने के लिए अन्य पृष्ठों से कॉपी पेस्ट कोड।

उदाहरण:

यह काम नहीं करेगा:

<table id="dtable">
    <thead>
        <tr>
            <th>col 1</th>
            <th>col 2</th>
        </tr>
    </thead>
    <tbody>
        <td>data 1</td>
        <td>data 2</td>
    </tbody>
</table>
<script>
        var dTable = $('#dtable');
        dTable.DataTable({
            'order': [[ 1, 'desc' ]],
            'aoColumns': [
                null,
                null,
                null,
                null,
                null,
                null,
                {
                    'bSortable': false
                }
            ]
        });
</script>

लेकिन यह काम करेगा:

<table id="dtable">
    <thead>
        <tr>
            <th>col 1</th>
            <th>col 2</th>
        </tr>
    </thead>
    <tbody>
        <td>data 1</td>
        <td>data 2</td>
    </tbody>
</table>
<script>
        var dTable = $('#dtable');
        dTable.DataTable({
            'order': [[ 0, 'desc' ]],
            'aoColumns': [
                null,
                {
                    'bSortable': false
                }
            ]
        });
</script>

Comments

बिल्कुल मेरी समस्या, केवल 'कॉलम' की संपत्ति के साथ।

— निक पोउलोस

@NickPoulos हाँ, यह किसी भी कॉन्फ़िगरेशन पैरामीटर में हो सकता है यदि यह एक इंडेक्स का संदर्भ देता है जो तालिका में मौजूद नहीं है।

— DrewT

Answer 6

डेटाटेबल आरंभीकरण में कॉलम पैरामीटर के कारण ऐसा होने का एक और कारण है।

कॉलम की संख्या को हेडर के साथ मेल खाना है

"columns" : [ {
                "width" : "30%"
            }, {
                "width" : "15%"
            }, {
                "width" : "15%"
            }, {
                "width" : "30%"
            } ]

मेरे पास 7 कॉलम थे

<th>Full Name</th>
<th>Phone Number</th>
<th>Vehicle</th>
<th>Home Location</th>
<th>Tags</th>
<th>Current Location</th>
<th>Serving Route</th>

Answer 7

आप अपने को दूर करने के लिए है colspanऔर की संख्या th और tdआवश्यकताओं से मिलान करने।

Answer 8

टिप्स 1:

इस लिंक का संदर्भ लें आपको कुछ विचार मिलते हैं:

https://datatables.net/forums/discussion/20273/uncaught-typeerror-cannot-read-property-mdata-of-undefined

टिप्स 2:

निम्नलिखित जाँच सही है:

• Jquery Vesion की जाँच करें
• कृपया अपनी CDN या अपने स्थानीय डेटा संबंधित संबंधित .min और css फ़ाइलों के छंद की जाँच करें
• आपकी तालिका में <thead></thead>& <tbody></tbody>टैग हैं
• आपकी तालिका हैडर कॉलम लंबाई जैसे बॉडी कॉलम लंबाई
• आप के style='display:none'रूप में एक ही उचित में कुछ बादलों का उपयोग कर आप हैडर और शरीर दोनों में लागू होते हैं।
• आपकी तालिका के कॉलम खाली नहीं हैं, [Null, -, NA, Nil] जैसी किसी चीज़ का उपयोग करें
• आपकी तालिका में अच्छी तरह से बाहर के साथ एक है <td>, <tr>मुद्दा

Comments

<thead> </ thead> और <tbody> </ tbody> मेरी समस्या का समाधान करें। धन्यवाद।

— MrTex

Answer 9

अगर मैं हेडर के बिना तालिका का उपयोग करता हूं तो मेरे मामले में यह त्रुटि आई

              <thead>
                   <tr>
                       <th>example</th>
                  </tr>
              </thead>

Comments

धन्यवाद - मैं इस बात की पुष्टि कर सकता हूं कि इस प्रकार की मेरी त्रुटि भी ठीक हो गई है।

— Rog

Answer 10

मुझे उसी त्रुटि का सामना करना पड़ा, जब आखिरी स्थान पर कोलस्पैन को जोड़ने की कोशिश की गई

<table>
  <thead>
    <tr>    
      <th>&nbsp;</th> <!-- column 1 -->
      <th colspan="2">&nbsp;</th> <!-- column 2&3 -->
    </tr>
  </thead>

  <tbody>
    <tr>
      <tr>&nbsp;</tr>
      <tr>&nbsp;</tr>
      <tr>&nbsp;</tr>
    </tr>
  </tbody>
</table>

और tr के अंत में छिपे हुए कॉलम को जोड़कर इसे हल किया

<thead>
  <tr>    
    <th>&nbsp;</th> <!-- column 1 -->
    <th colspan="2">&nbsp;</th> <!-- column 2&3 -->

    <!-- hidden column 4 for proper DataTable applying -->
    <th style="display: none"></th> 
  </tr>
</thead>

<tbody>
  <tr>
    <tr>&nbsp;</tr>
    <tr>&nbsp;</tr>
    <tr>&nbsp;</tr>

    <!-- hidden column 4 for proper DataTable applying -->
    <tr style="display: none"></tr>
  </tr>
</tbody>

उस के लिए स्पष्टीकरण यह है कि किसी कारण से डेटाटेबल को अंतिम वें में कोल्प्सन के साथ टेबल पर लागू नहीं किया जा सकता है, लेकिन इसे लागू किया जा सकता है, अगर किसी भी मध्य वें में उपयोग किया जाता है।

यह सॉल्यूशन थोड़ा हैकी है, लेकिन मेरे द्वारा पाए गए किसी भी अन्य सॉल्यूशन की तुलना में सरल और छोटा है।

मुझे उम्मीद है कि इससे किसी को मदद मिलेगी।

Answer 11

ऊपर दिए गए जवाबों से मेरे लिए थोड़ा अलग समस्या है। मेरे लिए, HTML मार्कअप ठीक था, लेकिन जावास्क्रिप्ट में मेरा एक कॉलम गायब था और HTML से मेल नहीं खाता था।

अर्थात

<table id="companies-index-table" class="table table-responsive-sm table-striped">

                            <thead>
                            <tr>
                                <th>Id</th>
                                <th>Name</th>
                                <th>Created at</th>
                                <th>Updated at</th>
                                <th>Count</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($companies as $company)
                                <tr>
                                    <td>{{ $company->id }}</td>
                                    <td>{{ $company->name }}</td>
                                    <td>{{ $company->created_at }}</td>
                                    <td>{{ $company->updated_at }}</td>
                                    <td>{{ $company->count }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>

मेरी स्क्रिप्ट: -

<script>
        $(document).ready(function() {
            $('#companies-index-table').DataTable({
                serverSide: true,
                processing: true,
                responsive: true,
                    ajax: "{{ route('admincompanies.datatables') }}",
                columns: [
                    { name: 'id' },
                    { name: 'name' },
                    { name: 'created_at' },
                    { name: 'updated_at' },     <-- I was missing this line so my columns didn't match the thead section.
                    { name: 'count', orderable: false },
                ],
            });
        });
    </script>

Answer 12

मेरे पास एक गतिशील रूप से उत्पन्न हुआ था, लेकिन एक टाइपो के साथ बुरी तरह से बनाई गई तालिका। मैंने गलती से <td>दूसरे के अंदर टैग लगा <td>दिया। मेरे कॉलम की गिनती मेल खा गई। मेरे पास <thead>और <tbody>टैग थे। सब कुछ मेल खाता है, इस छोटी सी गलती को छोड़कर मैंने कुछ समय तक ध्यान नहीं दिया, क्योंकि मेरे कॉलम में बहुत सारे लिंक और छवि टैग थे।

Answer 13

मैं एक ही मुद्दे का सामना किया था, लेकिन मैं गतिशील रूप से तालिका उत्पन्न कर रहा था । मेरे मामले में, मेरी तालिका में गुम <thead>और <tbody>टैग थे।

अगर यह किसी की मदद करता है तो यहां मेरा कोड स्निपेट है

   //table string
   var strDiv = '<table id="tbl" class="striped center responsive-table">';

   //add headers
   var strTable = ' <thead><tr id="tableHeader"><th>Customer Name</th><th>Customer Designation</th><th>Customer Email</th><th>Customer Organization</th><th>Customer Department</th><th>Customer ContactNo</th><th>Customer Mobile</th><th>Cluster Name</th><th>Product Name</th><th> Installed Version</th><th>Requirements</th><th>Challenges</th><th>Future Expansion</th><th>Comments</th></tr> </thead> <tbody>';


  //add data
  $.each(data, function (key, GetCustomerFeedbackBE) {
                            strTable = strTable + '<tr><td>' + GetCustomerFeedbackBE.StrCustName + '</td><td>' + GetCustomerFeedbackBE.StrCustDesignation + '</td><td>' + GetCustomerFeedbackBE.StrCustEmail + '</td><td>' + GetCustomerFeedbackBE.StrCustOrganization + '</td><td>' + GetCustomerFeedbackBE.StrCustDepartment + '</td><td>' + GetCustomerFeedbackBE.StrCustContactNo + '</td><td>' + GetCustomerFeedbackBE.StrCustMobile + '</td><td>' + GetCustomerFeedbackBE.StrClusterName + '</td><td>' + GetCustomerFeedbackBE.StrProductName + '</td><td>' + GetCustomerFeedbackBE.StrInstalledVersion + '</td><td>' + GetCustomerFeedbackBE.StrRequirements + '</td><td>' + GetCustomerFeedbackBE.StrChallenges + '</td><td>' + GetCustomerFeedbackBE.StrFutureExpansion + '</td><td>' + GetCustomerFeedbackBE.StrComments + '</td></tr>';
                        });

//add end of tbody
 strTable = strTable + '</tbody></table>';

//insert table into a div                 
   $('#divCFB_D').html(strDiv);
   $('#tbl').html(strTable);


    //finally add export buttons 
   $('#tbl').DataTable({
                            dom: 'Bfrtip',
                            buttons: [
                                'copy', 'csv', 'excel', 'pdf', 'print'
                            ]
                        });

Answer 14

असंगत और संख्याओं के अलावा, डेटा योग्य स्क्रिप्ट कॉलम भाग के अंदर एक गुम आइटम भी इसका कारण बन सकता है। सही है कि मेरे datatables खोज पट्टी तय की।

मैं इस हिस्से के बारे में बात कर रहा हूं;

"columns": [
  null,
  .
  .
  .
  null
           ],

मैं इस त्रुटि से तब तक जूझता रहा जब तक मुझे बताया नहीं गया कि इस भाग में मेरी कुल संख्या की तुलना में एक कम "अशक्त" था।

Answer 15

यह मुझे पागल कर दिया - कैसे एक .NET MVC दृश्य में सफलतापूर्वक एक DataTable रेंडर करने के लिए। यह काम किया:

 **@model List<Student>
 @{
    ViewData["Title"] = "Index";
}
 <h2>NEW VIEW Index</h2>
 <table id="example" class="display" style="width:100%">
   <thead>
   <tr>
   <th>ID</th>
    <th>Firstname</th>
    <th>Lastname</th> 
  </tr>
  </thead>
  <tbody>
@foreach (var element in Model)
{
    <tr>
    <td>@Html.DisplayFor(m => element.ID)</td>
    <td>@Html.DisplayFor(m => element.FirstName)</td>
    <td>@Html.DisplayFor(m => element.LastName)</td>
    </tr>

}
</tbody>
</table>**

JS फाइल में स्क्रिप्ट:

**$(document).ready(function () {
    $('#example').DataTable();
});**

Answer 16

मेरे मामले में, और ASP.NET GridView, UpdatePanel और DropDownList (Chosen plugin के साथ जहां मैं जावास्क्रिप्ट लाइन का उपयोग करके शून्य पर रीसेट कर देता हूं ) का उपयोग करके, मुझे यह त्रुटि मिली और कुछ दिनों तक बिना किसी आशा के साथ सब कुछ करने की कोशिश की। समस्या यह थी कि पीछे कोड में मेरी ड्रॉपडाउन का कोड निम्नानुसार था और जब मैं चयनित ग्रिड पंक्तियों में अपनी कार्रवाई को लागू करने के लिए दो बार एक मूल्य का चयन करता हूं तो मुझे वह त्रुटि मिलती है। मुझे लगा कि दिनों के लिए यह एक जावास्क्रिप्ट मुद्दा है (फिर से, मेरे मामले में) और अंत में अपडेट प्रक्रिया के साथ ड्रापडाउन मूल्य के लिए शून्य दे रहा था:

  private void ddlTasks_SelectedIndexChanged(object sender, System.EventArgs e)
  {
     if (ddlTasks.SelectedValue != 0) {
        ChangeStatus(ddlTasks.SelectedValue);
        ddlTasks.SelectedValue = "0"; //// **This fixed my issue**
     }

     dvItemsGrid.DataSource = CreateDatasource();
     dvItemsGrid.DataBind();
     dvItemsGrid.UseAccessibleHeader = true;
     dvItemsGrid.HeaderRow.TableSection = TableRowSection.TableHeader;

  }

यह मेरी गलती थी:

     $('#<%= DropDownList.ClientID%>').val('0').trigger("chosen:updated").chosen();

Answer 17

आपको <thead>कॉलम हेडर और पंक्तियों के लिए अपनी पंक्तियों को लपेटने की आवश्यकता है <tbody>। यह भी सुनिश्चित करें कि आपने मिलान सं। कॉलम हेडर के <th>रूप में आप के लिए करते हैंtd

Answer 18

मैं anoColumns फ़ील्ड द्वारा उत्पन्न हो सकता हूं। जैसा कि यहां कहा गया है

anoColumns: यदि निर्दिष्ट किया गया है, तो इस सरणी की लंबाई मूल HTML तालिका में स्तंभों की संख्या के बराबर होनी चाहिए। 'शून्य' का उपयोग करें जहाँ आप केवल डिफ़ॉल्ट मानों का उपयोग करना चाहते हैं और स्वचालित रूप से पता लगाए गए विकल्प।

फिर आपको तालिका कॉलम के रूप में फ़ील्ड जोड़ना होगा

...
aoColumnDefs: [
    null,
    null,
    null,
    { "bSortable": false },
    null,
],
...

Answer 19

मेरे मामले में इस त्रुटि का कारण मेरे पास 2 तालिकाएँ हैं जिनका समान आईडी नाम अलग-अलग तालिका संरचना के साथ है, क्योंकि कॉपी-पेस्ट तालिका कोड की मेरी आदत है। कृपया सुनिश्चित करें कि आपके पास प्रत्येक तालिका के लिए अलग आईडी है।

<table id="tabel_data">
    <thead>
        <tr>
            <th>heading 1</th>
            <th>heading 2</th>
            <th>heading 3</th>
            <th>heading 4</th>
            <th>heading 5</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data-1</td>
            <td>data-2</td>
            <td>data-3</td>
            <td>data-4</td>
            <td>data-5</td>
        </tr>
    </tbody>
</table>

<table id="tabel_data">
    <thead>
        <tr>
            <th>heading 1</th>
            <th>heading 2</th>
            <th>heading 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data-1</td>
            <td>data-2</td>
            <td>data-3</td>
        </tr>
    </tbody>
</table>

Answer 20

मुझे कुछ "समाधान" मिला।

यह कोड काम नहीं करता है:

<table>
<thead>
    <tr>
        <th colspan="3">Test</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</tbody>

लेकिन यह ठीक है:

<table>
<thead>
    <tr>
        <th colspan="2">Test</th>
        <th></th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</tbody>

मुझे लगता है, कि समस्या यह है, कि पिछले TH में विशेषता colspan नहीं हो सकती है।