モバイルで表示するように動的にhtmlテーブルを変更する

Question

モバイルデバイスからのリクエストを認識し、phpとhtmlパーサーを使用してモバイルページを最適化するように既存のページを操作することによって動的に作成されるモバイル最適化ウェブサイトを作成します。QueryPath 私が操作しようとしているページの中には、モバイルでうまく表示されないようなthis oneのようなhtmlテーブルが含まれているものがあります。

私は、行と列の任意の量の任意のhtmlテーブルを処理し、それを操作することができるように機能を探していますので、モバイルデバイスでうまく表示されます。私はjqueryモバイルフレームワークを使用しています。

phpまたはjavascript/jqueryのいずれかのソリューションが優れています。 responsive tables、demo とテーブルビューと呼ばれるjQueryのモバイル「拡張子」に変え - - 私はフィラメントからこの応答テーブルのアプローチを使用しているLink

Answer 1

hereを参照してください。

は、ここで私が言いたいのjsFiddleです。

はそれを使用するには、あなただけのそれぞれのJQMトリガーをカラムは、最もより、あまり重要でHTMLマークアップ、内部でspecifiy、プラス追加する必要があり、拡張子は残りを処理します。画面のサイズに応じて優先順位の列が表示され、他の列は表示されません。

「表示」ボタンとメニューを元の例からJQMカスタム選択に変更しました。必要に応じて列を切り替え、フィルタ（JQMリストビューと同じ）、ソート可能なヘッダー（埋め込みボタン、機能なし）、動的チェックボックス、ハイライト表示、その他の機能があります。

拡張が終了していないとフィルタを除いて、任意のロジック（ソート、ページ分割など）を含みません。

私はまた、テーブルビューのdatatables.netバージョンに取り組んでいます。これの実例が必要な場合は、私に知らせてください。多かれ少なかれ同様に行われます。