ডেটাটেবলগুলি: অপরিজ্ঞাতকৃত সম্পত্তি 'এমডেটা' পড়তে পারে না

Question

আমি একটি সমস্যা আছে Datatables। আমি এই লিঙ্কটি দিয়ে গিয়েছিলাম যা কোনও ফল দেয় নি। আমি সমস্ত পূর্বশর্তগুলি অন্তর্ভুক্ত করেছি যেখানে আমি সরাসরি ডিওমে ডেটা পার্স করছি। দয়া করে আমাকে এই সমস্যাটি সমাধান করতে সহায়তা করুন।

লিপি

$(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

আপনি কি আপনার টেবিলের এইচটিএমএল দেখাতে পারেন?

— এহসান সাজ্জাদ

এইচটিএমএল পোস্ট না করার জন্য দুঃখিত .. আপনার উদ্বেগের জন্য ধন্যবাদ..আমি আমার সমস্যার সমাধান করেছি :)।

— ত্রিভেনি

কলস্পানের সাহায্যে একটি সুসংগঠিত থ্যাড ব্যবহার করার পরে কিন্তু প্রতি সেকেন্ডে দ্বিতীয় সারির জন্য

— টিডি

প্রথমে .ডাটা টেবিল () ফাংশনটি মন্তব্য করে চালান, তারপরে টেবিলটি দেখুন, আপনি আরও কিছু ক্ষেত্রে সমস্যাটি দেখতে পাবেন

— রাজদীপ

থ্যাড বা টেবিল শিরোনাম কলামটি অবশ্যই টেবিল থেকে নিখোঁজ থাকতে হবে, সুতরাং স্ক্রিপ্টটি এটি খুঁজে পেতে সক্ষম নয়, দয়া করে আপনার শিরোনামটি থ্যাড বা কোনও কলামের নামে পরীক্ষা করুন

— রাহুল জৈন

Answer 1

এফওয়াইআই ডেটা টেবিলগুলির একটি সুগঠিত সারণী প্রয়োজন। এটিতে অবশ্যই ট্যাগ <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> ছিল যখন আমি সরিয়ে ফেললাম !! অনেক অনেক ধন্যবাদ

— দীপেন

@ সার্ভারজাহান খুশি আমি সাহায্য করতে পারলাম।

— মূসা মাছুয়া

এই ইস্যুতে কেবল একটি পুরো দিন ব্যয় করেছে। সমস্যাটি? আমার 2 তম কিন্তু 3 টি ছিল। নিজেকে এমন লাঞ্ছিত ইস্যুতে লাথি মেরে! অনেক ধন্যবাদ.

— যদি

@ ফক্সন্টেরক, কনভেনশন করে এটি করে। আপনি যা বর্ণনা করছেন তা হ'ল কাস্টম কনফিগারেশন যা আমি সচেতন, তবে আপনি যদি একটি কাস্টম কনফিগারেশন সরবরাহ না করেন তবে এটি কনভেনশনটির ডিফল্ট হয় যা আমার উত্তরগুলি সম্বোধন করে

— মূসা মাচুয়া

আপনি আমার বন্ধু একটি চতুর চোখের মিসাইল মানুষ! আমার অনুপস্থিত <<> :-) :-)

— অ্যান্ডি

Answer 2

এর সাধারণ কারণ Cannot read property 'fnSetData' of undefinedহ'ল এই ভ্রান্ত কোডের মতো কলামের তুলনামূলক মিল number

<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>

কলসপ্যানের সাহায্যে সু-গঠিত থিয়েড ব্যবহার করার পরেও দ্বিতীয় সারি ছাড়াই ত্রুটিটি উপস্থিত হয়।

Col টি কলম সহ একটি টেবিলের জন্য, নিম্নলিখিতগুলি কাজ করে না এবং আমরা জাভাস্ক্রিপ্ট কনসোলে "অপরিজ্ঞাতকৃত সম্পত্তি 'এমডাটা' পড়তে পারি না":

<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যা ত্রুটি ঘটায়। নাথান হান্নার উত্তরও এই বিষয়টিকে ইঙ্গিত করে বলে মনে হচ্ছে।

— পল রিখটার

এই সাহায্য আমার সাথে দেখা করতে আমি একটি অনুপস্থিত আছে thআমার মধ্যে theadখুব!

— ডেমি মাগাস

এমনকি colspanব্যাখ্যা চার বছর এখনও একটি সমস্যা। ত্রুটি থেকে মুক্তি পেতে আমাকে কিছু ফাঁকা রাখতে হয়েছিল thএবং না colspan। তবে এই কার্যকারিতাটি পেতে একটি সাধারণ যোগ। বিটিডাব্লু: রেলগুলি 5.1.5, বুটস্ট্র্যাপ 4.0.0। আমি সবেমাত্র স্টাইলশিট এবং স্ক্রিপ্ট সিডিএন এবং $(document).ready…পৃষ্ঠায় যুক্ত করেছি।

— গ্রেগ

@ গ্রেগ দুঃখিত, আমি বুঝতে পারি না।

— পলএইচ

Answer 3

স্ক্যাফোल्ड জেনারেটরের মাধ্যমে তৈরি একটি রেল ভিউতে ডোম ডেটা ব্যবহার করে আমার একই সমস্যা হয়েছিল। ডিফল্টরূপে দর্শনটি <th>শেষ তিনটি কলামের জন্য উপাদানগুলি বাদ দেয় (যার মধ্যে রেকর্ডগুলি দেখানোর, আড়াল করার এবং ধ্বংস করার লিঙ্ক রয়েছে)। আমি দেখতে পেয়েছি যে যদি আমি এই <th>উপাদানগুলির মধ্যে কোনও উপাদানগুলির মধ্যে এই কলামগুলির জন্য শিরোনাম যুক্ত করি তবে <thead>এটি সমস্যার সমাধান করে।

আমি যদি বলতে পারি না যে আপনার সমস্যাটি একইরকম হয় তবে আমি আপনার এইচটিএমএলটি দেখতে পাচ্ছি না। যদি এটি একই সমস্যা না হয় তবে কনসোলে ত্রুটিটি ক্লিক করে এটি কোন কলামটি বের করছে তা নির্ধারণের জন্য আপনি ক্রোম ডিবাগারটি ব্যবহার করতে পারেন (এটি আপনাকে যে কোডটি ব্যর্থ করে চলেছে তাতে ক্লিক করে), তারপরে একটি শর্তসাপেক্ষ যুক্ত করুন ব্রেকপয়েন্ট (at col==undefined) এটি বন্ধ হয়ে গেলে আপনি iবর্তমানে কোন কলামে রয়েছে তা দেখতে ভেরিয়েবলটি পরীক্ষা করতে পারেন যা অন্যটির থেকে কলামটির চেয়ে আলাদা কী তা বুঝতে আপনাকে সহায়তা করতে পারে। আশা করি এইটি কাজ করবে!

Comments

এটিই ছিল একমাত্র পদ্ধতি যা আমাকে আমার সমস্যা সমাধানে সহায়তা করেছিল। ধন্যবাদ!

— মাইক ক্রো

আপনি ইতিমধ্যে এটি উল্লেখ করেছেন তা নিশ্চিত নয়, তবে আমরা ডান কলামে ভেরিয়েবলগুলি "দেখতে" এবং কোন টেবিলের সাথে সম্পর্কিত তা নির্ধারণ করতে পারি। আমার ক্ষেত্রে এটি Asp.Net টেবিলের ডিফল্ট উপস্থাপনা, যা টেবিলটি খালি থাকলে মানক হয় না। ভকভগক!

— হোয়াং লং

আপনাকে ধন্যবাদ ... ডিবাগিং পদক্ষেপগুলির জন্য নাথান। এটা আমাকে সাহায্য করেছে।

— শচীন গায়কওয়াদ

আমার জন্য, থ্যাড এবং টবি উপাদান যুক্ত করে সমস্যার সমাধান করা হয়েছে।

— নিওলি

আমার একই রেলস সেটআপ রয়েছে তবে আমি শেষের সাথে তিনটি কলামের "বিশদ" নাম 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

ঠিক আমার সমস্যা, কেবলমাত্র 'কলাম' সম্পত্তি নিয়ে।

— নিক পৌলস

@ নিকপৌলস হ্যাঁ, এটি কোনও কনফিগারেশন প্যারামিটারে ঘটতে পারে যদি এটি কোনও সূচকে উল্লেখ করে যা টেবিলে বিদ্যমান নেই।

— ড্রুয়েট

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:

নিম্নলিখিত পরীক্ষা করা সঠিক:

• দয়া করে জ্যাকারি ভেসিয়নটি পরীক্ষা করুন check
• দয়া করে আপনার সিডিএন বা আপনার স্থানীয় ডেটাটেবল সম্পর্কিত .min এবং CSS ফাইলগুলি পরীক্ষা করে দেখুন
• আপনার টেবিলের <thead></thead>& <tbody></tbody>ট্যাগ আছে
• আপনার টেবিল হেডার কলাম দৈর্ঘ্য মত একই দেহ কলাম দৈর্ঘ্য
• আপনার style='display:none'হাইডার এবং বডি উভয় ক্ষেত্রে একই যথাযথ হিসাবে কিছু ক্লাউমন ব্যবহার করা আপনার জন্য প্রযোজ্য।
• আপনার টেবিল কলামগুলি খালি নেই, [নাল, -, এনএ, নীল] এর মতো কিছু ব্যবহার করুন
• আপনার টেবিলটি ভাল <td>, <tr>ইস্যু সহ এক

Comments

<thead> </thead> এবং <tbody> </tbody> আমার সমস্যার সমাধান করুন। ধন্যবাদ।

— মিস্টারটেক্স

Answer 9

আমার ক্ষেত্রে এই ত্রুটিটি ঘটেছে যদি আমি শিরোনাম ছাড়াই টেবিল ব্যবহার করি

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

Comments

ধন্যবাদ - আমি নিশ্চিত করতে পারি যে এটি এই ধরণের আমার ত্রুটিটিও স্থির করেছে।

— রোগ

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>

এবং টিআর শেষে লুকানো কলাম যুক্ত করে এটি সমাধান করুন

<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

উপরের উত্তরগুলি থেকে আমার জন্য কিছুটা ভিন্ন সমস্যা। আমার জন্য, এইচটিএমএল মার্কআপ ভাল ছিল, তবে জাভাস্ক্রিপ্টে আমার একটি কলাম অনুপস্থিত এবং এইচটিএমএলের সাথে মেলে না।

অর্থাত

<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

অসামঞ্জস্য এবং সংখ্যাগুলি ছাড়াও, ডেটেবল স্ক্রিপ্টস কলামগুলির অংশের ভিতরে একটি অনুপস্থিত আইটেম এটির কারণও হতে পারে। আমার ডেটাটেবল অনুসন্ধান বারকে ঠিক করে দেওয়া।

আমি এই অংশ সম্পর্কে কথা বলছি;

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

আমি এই ত্রুটিটির সাথে লড়াই করে লড়াই করেছি যতক্ষণ না আমাকে উল্লেখ করা হয়েছিল যে এই অংশটি আমার মোট থিয়েড গণনার চেয়ে কম "নাল" ছিল।

Answer 15

এটি আমাকে পাগল করে তুলেছে - কীভাবে একটি নেট নেট এমভিসি ভিউতে সাফল্যের সাথে ডেটা টেবিল উপস্থাপন করতে হয়। এটি কাজ করেছে:

 **@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>**

জেএস ফাইলে স্ক্রিপ্ট:

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

Answer 16

আমার ক্ষেত্রে, এবং এএসপি.নেট গ্রিডভিউ, আপডেটপ্যানেল এবং ড্রপডাউনলিস্ট (নির্বাচিত প্লাগইন সহ যেখানে আমি জাভাস্ক্রিপ্ট লাইন ব্যবহার করে শূন্যে পুনরায় সেট করেছি) ব্যবহার করে, আমি এই ত্রুটি পেয়েছি এবং দিনের কোনও আশা ছাড়াই সবকিছু চেষ্টা করেছি। সমস্যাটি হ'ল পিছনে কোডে আমার ড্রপডাউনটির কোডটি নিম্নরূপ ছিল এবং যখন আমি নির্বাচিত গ্রিড সারিগুলিতে এর ক্রিয়াটি প্রয়োগ করার জন্য কোনও মান দুটি বার নির্বাচন করি তখন আমি ত্রুটি পাই। আমি বেশ কয়েকদিন ধরে ভাবলাম এটি একটি জাভাস্ক্রিপ্ট সমস্যা (আবার আমার ক্ষেত্রে) এবং শেষ অবধি আপডেট প্রক্রিয়াটির সাথে ড্রোপডাউন মানকে শূন্য দিচ্ছে:

  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

আমি এও কলাম ক্ষেত্রের দ্বারা উত্থিত হতে পারে। যেমন এখানে বলা হয়েছে

এও কলামগুলি: নির্দিষ্ট করা থাকলে এই অ্যারের দৈর্ঘ্য মূল 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>

আমি মনে করি, যে সমস্যাটি হ'ল শেষ টিএইচ এন্টিবিউট কোলস্প্যান থাকতে পারে না।