Задача: разработать компонент таблицы с помощью Vue.js.


Требования:

- элементы таблицы могут содержать в себе как обычные текстовые
данные, так и рендерить другие компоненты (это: кнопки, ссылки,
статусы, иконки и тд).

- строки таблицы имеют единый дизайн. Не должно использоваться
никаких велосипедов для установки следующих CSS свойств:
padding, border-radius, box-shadow. Скриншот дизайна будет
прикреплен ниже.


- должно быть два режима отображения:

1. Таблица адаптивная и столбцы растягиваются в зависимости от
размера контента

2. Ширина столбцов регулируется вручную (сделать через % либо
flex).
учесть такой случай, когда в конце может находиться поле "Actions",
которое должно быть выровнено по правому краю
Главный критерий: минимизировать верстку HTML, CSS.


Рендерится строки таблицы будут с помощью v-for.