在 Spotify 应用程序的曲目列表中包含列标题答案

【问题标题】：Including column headers in track listings in Spotify apps在 Spotify 应用程序的曲目列表中包含列标题
【发布时间】：2012-02-27 19:06:06
【问题描述】：

我一直在开发一个 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);

但是，这仅显示列的内容，不显示标题（曲目、艺术家、专辑等）。理想情况下，我想包括这些，因为the ui guidelines 说“为获得最佳说明，请在您的曲目列表中添加列描述的标题”。

是否有标准的方法来包含这些标题，或者这是否需要一些自定义（在这种情况下，我认为将它们与列完全对齐可能会很棘手）？

【问题讨论】：

标签： spotify

【解决方案1】：

您应该能够限制为特定大小。使用检查器找出所有类名，然后将每个字段设置为一定宽度，然后您应该能够在列表上方放置一个具有相同类名和标题文本的 div。

例如：

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

然后

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

playlist 是您将列表视图附加到的节点。

否则，使用 javascript 获取列的实际宽度并以编程方式设置它

【讨论】：