É possível agrupar alguns campos no formulário de edição?

Gostaria de agrupar alguns campos, dar a eles um nome resumido e dar ao grupo uma cor de fundo diferente e talvez até uma borda para que o usuário possa navegar com mais facilidade.

Suponha que tenho 4 entradas no colModel:

name
address
title
income

Gostaria de mostrá-lo no formulário de edição, como:

Personal:----------
| name     [    ] |
| address  [    ] |
-------------------
Business:----------
| title    [    ] |
| income   [    ] |
-------------------

onde os campos pertencentes ao grupo / categoria pessoal teriam - digamos - fundo verde claro e os campos do grupo comercial teriam fundo vermelho claro.

A dificuldade é que existem muitos campos e eu não gostaria de dar a eles a cor de fundo individualmente. E, se houver grupos, eu poderia usar algum plugin jQuery de recolhimento para permitir que o usuário oculte alguns dos grupo

gora, estou lutando com o custom_element para criar alguma tabela em torno do grupo, mas ainda não obtive sucess

Soluçã

Como Tony apontou noórum de ajuda do @jQuery Grid:

tualmente, esse recurso não está disponível ou, por fim, adiciona essa funcionalidade para usar alguns eventos e conhecimento da estrutura do formulário de ediçã

lanejamos, no próximo grande lançamento, introduzir um modelo na edição de formulário

Então, agora não há outra solução como a proposta por Oleg (Obrigado pela resposta rápida:)

Resolvi (parcialmente) minha tarefa usando a ideia dele. Adicionando hrule contendo linhas da tabela no formulário de edição e finalmente estilizando as linhas uma a um

As partes relevantes:

$('<tr class="FormData"><td class="CaptionTD ui-widget-content" colspan="2"><hr/></td></tr>').insertBefore('#tr_********,');
$("#tr_*******,#tr_*******").css("background-color","#def");

Onde o******* são os nomes das colunas do colModel.

Adicionar bordas e torná-lo dobrável é muito barulhento dessa maneira, de modo que será ignorado por enquant