Для любого поля вы можете установить название CSS класса.

Также вы можете использовать встроенные классы, например hidden, two-column, three-column и four-column.

Для расположения нескольких полей горизонтально, используйте Конструктор форм.
 

Вы можете дать название класса любому полю и загрузить определение внешнего вида полей в своем CSS файле.

Например, можно изменить определения встроенных классов следующим образом:

.two-column {
clear: none;
float: left;
width: 17% !important;
}

.three-column {
clear: none;
float: left;
width: 13% !important;
}

.four-column {
clear: none;
float: left;
width: 10% !important;
}

Ниже показано, как загрузить свой CSS файл:

• Перейдите в меню Виджет формы (таблицы) и откройте вкладку Дизайн.
• Нажмите на кнопку Редактировать тему оформления и выберите из списка пункт CSS файл.
• Загрузить ваш файл и нажмите Обновить.

С настройкой дизайна таблицы все намного интересней. Так как можно настроить не только внешний вид самой таблицы, но и всех форм на виджете БД,

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

Также название CSS полей можно использовать в вашем собственном JavaScript коде, который вы можете загрузить на форму, чтобы добавить свою функциональность.