Is it possible to insert custom rows (headers basically) into a grid, example below is grouped by country which produces the headers.

I know it is possible with multiple grids to achieve this but was curious if it was possible with just 1 grid?
Thanks
Check out this issue taking about grouping https://github.com/tabalinas/jsgrid/issues/223
The issue under #223 talks about subgrids, I don't think that is a good solution.
When I look at other grid solutions you can simply add it to the options like:
jsGrid({
...
grouping: true,
groupingview: {
groupfield: ["name"],
grouptext: ["{0}"].
groupcollapse: false
...
}
...
})