包括在Spotify的曲目列表的列標題應用程式

Question

我一直在Spotify的應用程序，它顯示的軌道使用這樣的代碼清單：

var tpl = new models.Playlist(); 
var tempList = new views.List(tpl); 
body.document.appendChild(tempList.node); 
tpl.add(track1); 
tpl.add(track2); 
... 
tpl.add(trackn); 

然而，這只是顯示的列，並沒有按內容」 t顯示標題（音軌，藝術家，專輯等）。 理想情況下，我想包括這些，因爲the ui guidelines說：「爲了最好的澄清，請添加一個列描述標題到你的曲目列表」。

是否有一個標準的方式來包含這些標題，或者這是否需要自定義的東西（在這種情況下，我認爲將它們與列精確匹配可能會非常棘手）？

Answer 1

你應該能夠限制到一個特定的大小。使用檢查器找出所有的類名稱，然後將每個字段設置爲特定的寬度，那麼您應該能夠在列表上方使用相同的類名稱和標題文本。

例如：

.sp-track-field-name { width: 150px; } 

然後

<div class="list-header"> 
    <span class="sp-track-field-name">Title</span> 
</div> 
<div id="playlist" /> 

凡playlist在節點您將列表視圖。

否則，使用javascript獲取列的實際寬度並以編程方式將其設置爲