Я тоже искал ответ для этого. Если вам посчастливилось прицелиться в IE8 и выше, вы можете использовать display:table
и соответствующие значения для получения правил рендеринга таблиц с элементами уровня блока, включая div.
Если вам даже повезло и ваши пользователи используют браузеры верхнего уровня (например, если это приложение интрасети на компьютерах, которыми вы управляете, например, мой последний проект), вы можете использовать новый макет гибкой коробки в CSS3!
Возможно, вы упускаете возможность использования переменных jq:
.company as $company
| .sites[]
| .name as $site
| .personnel[]
| { name, id: .UID, company: $company, site: $site }
Однако можно также избегать использования переменных, осторожно используя скобки. Если вы не возражаете против того, чтобы ключи находились в несколько ином порядке, вы можете написать:
(.sites[] | ( (.personnel[] | { name, id: .UID} ) + {site: .name} )) + {company}
Если ключи должны быть в порядке, показанном в Q, вы можете просто добавить следующий фильтр к над трубопроводом:
{name, id, company, site}