How to add column headers to track lists in Spotify app development?

Other Questions Spotify
1

I’m building a Spotify app and want to show a list of tracks. Right now I’m using a Playlist model and List view to display the tracks. It works fine but there are no column headers like Track, Artist, and Album.

Here’s what my code looks like:

let playlist = new models.Playlist()
let trackList = new views.List(playlist)
document.body.appendChild(trackList.node)

playlist.add(song1)
playlist.add(song2)
// ... more songs added

The Spotify guidelines say we should add headers to track lists. But I can’t figure out how to do it with the built-in components. Is there an easy way to add those column headers? Or do I need to make my own custom solution? I’m worried about getting everything lined up right if I have to do it myself.

Any tips on the best approach here? Thanks!

2

hey sparklinggem, i ran into this too. the built-in List view doesn’t support headers :confused: you’ll prob need to make a custom solution. i ended up using a table element with a header row, then looping thru tracks to create rows. it’s a bit more work but gives u more control over layout. good luck!