Estoy trabajando en una página con un diseño bastante simple, básicamente una tabla de datos, pero usando un diseño de cuadrícula para que las columnas se ajusten bien según el tamaño del contenido. Quiero hacer que las filas sean ordenables (usando jQuery), por lo que necesito encontrar una manera de envolver todas las celdas de una misma fila en un contenedor.

display: subgrid;

Intenté usar subcuadrícula, pero parece que no es muy compatible en este momento ... Obviamente, solo anidar una cuadrícula no funciona ya que no sincronizará los tamaños de columna entre diferentes cuadrículas ...

¿Alguna idea sobre cómo lograr eso?

Aquí está mi pluma hasta ahora:https://codepen.io/anon/pen/PEjqgx