DataTables:検索と並べ替えが機能しない[解決済み]AdminLTE

DataTablesの検索・並べ替えができない問題について解決するための方法をご紹介します。

皆様にとって参考になる情報になれば幸いです😉

DataTables No data available in table

datatablesの検索機能や並べ替えができない事態が発生しました。

表のトップに「DataTables No data available in table」と表示されています。
意味を調べると「DataTables テーブルにデータがありません」ということです。

「Search」に値を入力しても無反応です。困った。。

DataTablesで検索・並べ替えができないコード

index.php の一部を抜粋

    <x-adminlte-datatable class="mytable" id="mytable" :heads="$heads" :config="$config">
            @foreach($yasais as $yasai)
                <tbody>
                    <tr>
                        <td class="font-medium" width="40">{{ $yasai->id }}</td>
                        <td class="font-medium" width="40">{{ $yasai->code }}</td>
                        <td class="font-medium" width="40">{{ $yasai->name }}</td>
                        <td class="font-medium" width="40">{{ $yasai->sanchi }}</td>
                    </tr>
                </tbody>
            @endforeach
    </x-adminlte-datatable>

解決方法

コード内の「<tbody>」と「</tbody>」を削除します。

    <x-adminlte-datatable class="mytable" id="mytable" :heads="$heads" :config="$config">
            @foreach($yasais as $yasai)
                    <tr>
                        <td class="font-medium" width="40">{{ $yasai->id }}</td>
                        <td class="font-medium" width="40">{{ $yasai->code }}</td>
                        <td class="font-medium" width="40">{{ $yasai->name }}</td>
                        <td class="font-medium" width="40">{{ $yasai->sanchi }}</td>
                    </tr>
            @endforeach
    </x-adminlte-datatable>

表に表示されていた「DataTables No data available in table」の文字が消えて、
検索できるようになり、並べ替えもできるようになりました。

海外のYouTubeを見て解決策を探し出しました。
解決まで長い時間を要しましたヽ(^o^)丿

 
 
この記事がお役に立ちますと幸いです。
 

PHPとMYSQLで検索機能を実装する：今すぐできる!

...

kirinote.com

2024.12.03