Q&A
まず、
thead要素には、直接hr要素は入れられません。
（エラーの原因ではないかもしれないけど、ダメです）
最近まで順調に動作していたのですが、いきなり次のようなエラーが発生してしまいました・・・。
TypeError: Cannot set property '_DT_CellIndex' of undefined"(jquery_datatables.min.js)
at ka(jquery.dataTables.min.js 37)
at //(jquery-3.4.1.min.js)
jqueryの挙動がおかしく、dataTableが上手く機能していない状態です。
バージョン
<script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script> <script src="https://code.jquery.com/jquery-3.4.1.min.js"
実施した事
0. バージョンを最新版にする→エラー解消されない
0. <th>タグと<td>タグの数が一致しているか調べる→エラーが解消されない
0. colspanを削除した
<thead> <hr class="my-1"> <tr> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E/<br />F</th> <th>G</th> <th>H</th> <th>G</th> </tr> </thead> // thタグとtdタグの数が等しい(実際のコードではないです・・・。) <tbody> <tr> <td>A</td> <td>B</td> <td>C</td> <td>D</td> <td>E</td> <td>F</td> <td>G</td> </tr> </tbody>
色々試してはいるのですが、_DT_CellIndexエラーを正常に戻すには、どのようなことを実施すれば良いでしょうか？
<thead class="A">
<hr class="B">
</thead>
thead要素には直接hr要素は入れられないんですね！ありがとうございます
回答1件
0
ベストアンサー
thead要素のhr要素が邪魔しているのではないでしょうか？
HTML
1 <thead> 2 <hr class="my-1"><!-- ←★★★hr要素はthead内には記述できません。 --> 3 <tr> 4 <th>A</th> 5 <th>B</th> 6 <th>C</th> 7 <th>D</th> 8 <th>E/<br />F</th> 9 <th>G</th> 10 <th>H</th> 11 <th>G</th> 12 </tr> 13 </thead> 14// thタグとtdタグの数が等しい(実際のコードではないです・・・。) 15 <tbody> 16 <tr> 17 <td>A</td> 18 <td>B</td> 19 <td>C</td> 20 <td>D</td> 21 <td>E</td> 22 <td>F</td> 23 <td>G</td> 24 </tr> 25 </tbody>
同様の問題が下記でありました。
列の数がやはり要素数とあっていないためだと思います。
https://stackoverflow.com/questions/37080190/datatable-breaks-nested-repeater-and-bootstrap
投稿2020/06/18 16:50
総合スコア153
返信ありがとうございます！！
hr要素を<thead>タグの外に置いてみたのですが、エラーが解消されませんでした・・・。
<thead>の中の<th>タグと<tbody>の中の<td>タグの数が何度みても等しく、どうしてエラーが発生しているのかわからないです・・・。
もうちょっと調べてみます！！
thead内にGが二つありますね、。。
あとFのかわりにHが。
あなたの回答
tips
プレビュー
