Estou trabalhando em uma página com um layout bastante simples - basicamente uma tabela de dados, mas usando o layout da grade para que as colunas se ajustem perfeitamente, dependendo do tamanho do conteúdo. Quero tornar as linhas classificáveis (usando jQuery), portanto, preciso encontrar uma maneira de agrupar todas as células de uma mesma linha em um contêiner.

display: subgrid;

Eu tentei usar subgrid, mas parece que não há muito suporte no momento. Obviamente, apenas aninhar uma grade não funciona, pois não sincroniza os tamanhos das colunas entre diferentes grades.

Alguma idéia de como conseguir isso?

Aqui está minha caneta até agora:https://codepen.io/anon/pen/PEjqgx