JQGrid: cómo podemos hacer un detalle de fila personalizado

Alguien me dio el código de muestra para hacer que mi cuadrícula sea así. Leí en el documento que jqgrid solo es compatible con subgrid.

como esta página en Hierachy http://trirand.net/demoaspnetmvc.aspx

Gracias !

En la página Detalle de fila personalizada , puede ver cómo puede usar el identificador de evento subGridRowExpanded para mostrar datos HTML personalizados como datos de subgrid. En general, si tiene cualquier jqGrid estándar, puede implementarlo de manera muy fácil. Solo debe agregar subGrid: true a la grilla y definir subGridRowExpanded que anexe html a la subruta:

 subGridRowExpanded: function(subgrid_id, row_id) { var html = "Some HTML text which corresponds the row with id="+ row_id + "
"; $("#" + subgrid_id).append(html); }

Puedes ver esto en vivo aquí :