Можно ли сгруппировать несколько полей в форму редактирования?

Я хотел бы сгруппировать некоторые поля вместе, дать им обобщающее имя и дать группе другой цвет фона и, возможно, даже границу, чтобы пользователю было легче ориентироваться.

Предположим, у меня есть 4 записи в colModel:

name
address
title
income

Я хотел бы показать это в форме редактирования, например:

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

где поля, принадлежащие к личной группе / категории, будут иметь, скажем, светло-зеленый фон, а поля в бизнес-группе будут иметь светло-красный фон.

Сложность в том, что есть много полей, и я не хотел бы задавать им цвет фона по отдельности. И если есть группы, то я мог бы даже использовать некоторый плагин jQuery, чтобы позволить пользователю скрывать некоторые группы.

Прямо сейчас я борюсь с custom_element, создавая некоторый стол вокруг группы, но пока безуспешно.

Решение

КакТони указал наСправочный форум по jQuery Grid:

В настоящее время эта функция недоступна или, наконец, добавление такой функциональности требуется для использования некоторых событий и знания структуры формы редактирования.

В следующем основном выпуске мы планируем ввести шаблонизацию в редактировании форм.

Так что теперь нет другого решения, такого как предложенноеОлег (Спасибо за быстрый ответ:).

Я решил (частично) свою задачу, используя его идею. Добавление hrule, содержащего строки таблицы, в форму редактирования и, наконец, стилизацию линий по одной.

Соответствующие части:

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

Где******* являются именами столбцов из colModel.

Добавлять границы и делать их разборными - слишком много суеты, так что пока это будет пропущено.