モバイル デバイスからのリクエストを認識し、php と html パーサーQueryPathを使用して既存のページをモバイルに最適化するように操作することで動的に作成される、モバイルに最適化された Web サイトを作成しています。私が操作しようとしているページの一部には、モバイルではうまく表示されない、 このような html テーブルが含まれています。
行と列の任意の量の html テーブルを処理して操作できる関数を探しているので、モバイル デバイスで適切にフォーマットされて表示されます。jquery モバイル フレームワークを使用しています。
php または javascript/jquery のいずれかでのソリューションは素晴らしいでしょう。
これが私が言いたいことのjsFiddleです：リンク
私は Filament のレスポンシブ テーブル アプローチを使用しました -レスポンシブ テーブル、デモ を使用して、それを tableview と呼ばれる Jquery Mobile の「拡張機能」に変換しました -こちらを参照してください。
これを使用するには、HTML マークアップ内で、どの列が最も重要か、より重要か、より重要でないかを指定するだけで済みます。さらに、それぞれの JQM トリガーを追加すると、拡張機能が残りを処理します。画面サイズに応じて、優先列が表示され、他の列は非表示になります。
「表示」ボタンとメニューを元の例から、必要に応じて列を切り替えることができる JQM カスタム選択に変更し、フィルター (JQM リストビューと同じ)、ソート可能なヘッダー (埋め込みボタンのみ、機能なし) を追加しました。動的チェックボックス、ハイライト、その他のもの。
拡張機能は完成しておらず、フィルターを除いてロジック (ソート、ページネーションなど) が含まれていません。
また、テーブルビューのdatatables.netバージョンにも取り組んでいます。これの実例が必要な場合はお知らせください。多かれ少なかれ同様に行われます。