質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

5724閲覧

jQueryのdataTablesでエラーが発生しました。

退会済みユーザー

退会済みユーザー

総合スコア0

jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/06/18 12:50

編集2020/06/19 09:20

最近まで順調に動作していたのですが、いきなり次のようなエラーが発生してしまいました・・・。

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エラーを正常に戻すには、どのようなことを実施すれば良いでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miyabi_takatsuk

2020/06/18 13:45

まず、 thead要素には、直接hr要素は入れられません。 (エラーの原因ではないかもしれないけど、ダメです)
退会済みユーザー

退会済みユーザー

2020/06/18 14:02

<thead class="A"> <hr class="B"> </thead> thead要素には直接hr要素は入れられないんですね!ありがとうございます
guest

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

m.kosuda

総合スコア153

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2020/06/19 06:16

返信ありがとうございます!! hr要素を<thead>タグの外に置いてみたのですが、エラーが解消されませんでした・・・。 <thead>の中の<th>タグと<tbody>の中の<td>タグの数が何度みても等しく、どうしてエラーが発生しているのかわからないです・・・。 もうちょっと調べてみます!!
m.kosuda

2020/06/19 06:22

thead内にGが二つありますね、。。 あとFのかわりにHが。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問