Looks like this is technically possible, just not super easy to do
Essentially you just have to change the styling of the cells that you want to merge, to make the text invisible on the non-center cells, and remove any border on matching
A few notes:
- I would set the text on the non-center cells to transparent instead of removing it, so you can still get the data in a click event if needed
- This could probably be done algorithmically, to merge and tweak like cells, I just didnt do that to prove it out, I did it by hand
- It would be great if this was more first-party, however I don’t immediately know how they would set something like this up.
Here is the data property of this table to see the styling
[
{
"a": "-5",
"b": "-3",
"c": "2",
"d": "0",
"e": "C",
"f": "",
"equipment": {
"value": "Lane 1",
"style": {
"borderBottom": null,
"color": "transparent"
}
}
},
{
"a": -2,
"b": "-1",
"c": "",
"d": "",
"e": "",
"f": "",
"equipment": {
"value": "Lane 1",
"style": {
"borderBottom": null,
"borderTop": null
}
}
},
{
"a": "",
"b": "",
"c": "",
"d": "",
"e": "",
"f": "",
"equipment": {
"value": "Lane 1",
"style": {
"borderTop": null,
"color": "transparent"
}
}
}
]