まとめはじめにこのエントリではカスタムのデザインを施したテーブルの作成方法をご説明します。ここでは、以下の様な形でフォントサイズや色などのカスタマイズするとともに、テーブル上をクリックすることで選択や列のソートを行えるようなアクションも追加します。カスタムテーブルの作成では、まず基本的なテーブルの作成から始めたいと思います。widget」を選択します。「Name」の欄に「カスタムテーブル」と入力し、「Create」をクリックします。右上のアプリ選択プルダウン上で任意のアプリを選択してプレビューを表示させます。テーブルの追加HTMLエディタ上で以下の<div>タグを追加します。class="custom-table"></div><div>タグの間にカーソルを合わせ、「Insert」ボタンをクリックします。measures」を選択し、「Insert」をクリックします。以下のHTMLタグが挿入されます。これはHTMLの<table>タグを利用してテーブルの表示を行いますが、表示するデータの扱いはng-repeatとHyperCube(ハイパーキューブ)内のデータの参照によって行われています。ng-repeatは指定された配列から順に要素を取り出してループ処理を行うAngular.jsのディレクティブになります。Customers」といったヘッダーのラベルが配列として格納されていますが、ng-repeatで個別の値をheaderの変数で返し、その値をそれぞれ<th>タグで括って表示しています。data.rowsにはデータ実体が含まれていますが、同様のループ処理で複数行、複数列の表示を行っています。このng-repeatでループ処理を行っている対象のデータはHyperCube(ハイパーキューブ)と呼ばれる軸とメジャーを保持する多次元分析キューブのオブジェクトで内部的に保持され、以下の形式で参照を行っています。いずれでも記述が可能ですが、ここでは略記法が主に利用されています。qFallbackTitleに軸名を含む。qFallbackTitleにメジャー名を含む。軸とメジャーの全行・全列のデータを含む。軸とメジャーの全行・全列のデータを含む。軸とメジャーのヘッダー情報。qFallbackTitleに軸名・メジャー名を含む。