質問: new ko.simpleGrid.viewModel({ data: this.items, columns: [ { headerText: "タイトル", rowText: "name" }, { headerText: "販売実績(冊)", rowText: "sales" }, { headerText: "価格", rowText: function (item) { return "$" + item.price.toFixed(2) } } ], pageSize: 4 }); ``` このソース内で行うことは、わかるのですがどのように設定したらよいのかおしえていただけないでしょうか。よろしくお願いします。
回答: SimpleGridのソースコード自体もシンプルなものなので、ソース(knockout.simpleGrid.3.0.js)を読んでみることをお勧めします。 1グリッドの内のヘッダーを非表示にする。 SimpleGridはシンプルすぎるので、ヘッダ非表示のオプションなどは用意されていなそうですね。 ソースをいじらずに非表示にするには、CSSでtheadのdisplayをnoneにでもするといいでしょう。 ``` .ko-grid thead {display:none} ``` 2グリッド内のセルの境界線の非表示(エクセルのセルのような設定を行う) どのような見た目にするか、はCSSで設定するのが適切です。 背景の塗りつぶしは、background、 罫線は、borderやoutlineなどで設定しましょう。 3グリッドのセルに画像を表示させる。 SimpleGridでは、表示する内容をHTMLではなくtextとしてescapeされているため、このままでは画像の表示ができません。 SimpleGridのソースを参考に、独自に拡張するといいでしょう。