2.xはAngularJSと切り離されたので、好きなJavaScriptライブラリと組み合わせて使えるようになっています。jQueryも利用できます。UI組み合わせて使ってみたいと思います。WookmarkについてWookmarkはPinterestのように幅は固定、高さが異なるデータを隙間なく綺麗に並べてグリッド表示できるライブラリです。高さが異なるデータを敷き詰める表示方法は、ファッション系のアプリなどでしばしば用いられます。タブレットくらいの幅がある方が見栄えが良さそうです。UIだけでもできます。Splitterを使っています。このテンプレートではハンバーガーアイコンをタップするとメニューが表示されます。今回は上から2番目のメニューをタップした際にグリッド表示を行うように作っていきます。クラウドIDEを使う場合JS/CSSコンポーネントの管理から「wookmark」で検索してインストールします。ローダーに追加するファイルには、以下の3ファイルを選択してください。UIのみを使う場合ローカルのBowerを使ってインストールします。ファイルを作成してインストールパスを指定します。"www/vendors/"}以下のコマンドを実行して、インストールを行います。タグ内にて必要なライブラリを読み込みます。src="vendors/wookmark/wookmark.js"></script>以上で準備は完了です。index.htmlの編集まず、表示されるページを特定するためにIDを割り当てておきます。いうラベル)がタップされたときにグリッド表示を行います。-->:</ons-page></ons-template>さらに表示するデータを設定します。下に記述してください)。height属性を指定しなくても表示はできるようですが、計算処理が入る分表示が遅くなってしまうようです。height属性を指定した方が良いでしょう。