包括在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获取列的实际宽度并以编程方式将其设置为