/* display label for fields */
*[data-f]:before {
content: attr(data-f) " ";
display: block;
font-weight: bold;
background:rgba(255,100,20,0.5)
}
/* spacing between columns */
*[data-f] {
float: left;
margin-left: 5px;
}
/* just names when displaying the "friends with" column */
*[data-f="friendsWith"] [data-f]:not([data-f="name"]) {
display:none;
}
*[data-f="friendsWith"] [data-f]:before {
display:none;
}
/* alternative label for friendsWith */
[data-f="friendsWith"]:before{
content:"friends"
}