This is a basic proof of concept that works:
<div>
# if (typeof window.lastGroup === "undefined") {
window.lastGroup = "";
}
if (data["name"] !== window.lastGroup) {
window.lastGroup = data["name"];
#
<div><b>{name}</b></div><br>
#
} #
{task}<br><br>
</div>
Output should be something like:
Alice
Fix stuff
Fix more stuff
Bob
Fix the red car
Mallory
Get flowers
Book dinner
NOTE: Make sure that you have a DIV tag at the start and end of your template. My entries did not become clickable otherwise (operations with records), and I had a strange bug when navigating back and forth where the group header would disappear. Also make sure that you sort by the attribute you group by. I guess it won’t work otherwise.