よくある話ですが、Web アプリでテーブルの上側(列ヘッダ)と左側(行ヘッダ)を固定したまま残りをスクロールしたい状況になりまして、検索して FixedMidashi JS ライブラリに辿り着きました。
これが非常によく出来ていて、使い方が簡単なのに見事に動作するという優れ物です。
心配していた bootstrap3 との併用も難無くクリアしてくれました。
しかしながら Laravel で動かすのに一点だけ手間取ってしまいました。
と言っても FixedMidashi 側に問題があったわけではなく、Laravel Mix でアセットコンパイルしたら動かなかったという話です。
最初試すのに public/js フォルダに置いた時には動いていたので、原因に辿り着くまで1時間くらい唸ってました。
最終的には mix.js や mix.scripts で処理するのではなく mix.copy を使って単純にコピーすることで解決しました。
いつも通り備忘録という名目でデータの海に一滴追加しておくことにします。