jQuery pluginの導入方法につきまして（AdminLTE）

Question

laravelでDBからphpで取ってきた数百件のデータをテーブルに格納し、
そのテーブルでページネーションを行いたいと考えております。

諸事情によりJavascriptで実装が必要となりまして
jQueryプラグインのpagenateMyTableを使用しておりますが
うまく反映できずに困っております。。

---

https://webkaru.net/jquery-plugin/paginate-table/

上記ブログを参考に下記の作業を行いました。

１.Githubより指定のファイルをダウンロード

２.ダウンロードファイルを解答し中の「PaginateMyTable.js」をプロジェクトのJSフォルダへ移動

３.Tableの存在するviewファイル下部でjQuery/PaginateMyTable.jsの呼び出し

４.下記スクリプトをtableを指定して記述

　<script>
　　$(document).ready(function() {
　　$(".table table-bordered").paginate();});
　</script>

確認したこと
Chromeのコンソールではエラーなどは起きておりませんが、
ページネーションが反映される様子は確認できませんでした。
jqueryがそもそも無いのかと思い、$().jqueryで確認したところ
バージョンが表示されましたので問題なく動いている状態です。

---

jQueryを動かすために何が足りないのかわからない状況です。
知識不足で質問をしてしまい大変申し訳ございませんが、
手順の不足点とjQueryのプラグイン導入手順の
確認に参考になるサイトなどありましたらお伺いしたいです。

すみませんが、どうぞよろしくお願いいたします。

Answer 1

$(".table table-bordered").paginate();

セレクタがおかしいです。これは、以下のようなものを指します。

<some-tag class="table">
  <table-bordered>←これ！

これが意図したHTML構造ではないのであれば、セレクタを書き直してください。

Comments

[yowayowanitohei]

maisumakun様

ご回答ありがとうございます。

$(".table").paginate();
このように修正すると動きました！

AdminLTEを導入しており、そちらの公式で作成されていたセレクタが
上記のような形になっておりました。。。

念の為、タグにAdminLTEを追加させていただきました。