フォーマッターを使用して、さまざまな値の上または周囲にいくつかの html (リンク、ブレーク、およびスパン) を追加しました。現在の問題は、列がソートされないことです。列内のすべてのセルが同じ値 (同じ URL のリンク。最終的には URL が異なる) で始まるためだと思います。
データは次のとおりです。
{id: 1, 'main': 'puma', 'description': 'A puma is a cat', 'url': 'http://www.google.com', 'filesize': '12.34', date: '2010-01-01'},
{id: 2, 'main': 'tiger', 'description': 'Tiger, another cat', 'url': 'http://www.google.com', 'filesize': '43.27', date: '2013-03-04'},
{id: 3, 'main': 'Wombat', 'description': 'wombat, not a cat', 'url': 'http://www.google.com', 'filesize': '59.01', date: '2011-03-08'}
これはレイアウト用です (このサンプルの他の列は除外されています)。
{name: 'Title', fields: ['main','description','url','filesize'], 'width': '200px',formatter: formatLink}
そして、これはフォーマッタです:
function formatLink(value){
return '<a href="'+ value[2] +'">'+value[0]+'</a><br />'+value[1]+'<span class="smalltxt"> File Size: ' + value[3] + 'MB</span>';
}
わかりやすくするために、すべての動作を確認するには: http://jsfiddle.net/QXYDK/6/
理想的には、これらすべてのものを同じセルに入れることはありませんが、このプロジェクトには必要でした。
現在、中央の列はまったくソートされていません。値 [0] (最初のフィールド、「メイン」) で並べ替える方法はありますか?