Компонент из двух строк таблицы?

Question

[Антон Антон]

Как повторить компонентом то же, что сделано через <template v-for="">
https://jsfiddle.net/1Lgn09o5/13/

Answer 1

[Тимофей]

Именно повторить - никак. Каждый компонент должен иметь единственный элемент верхнего уровня, и с этим ничего не поделать. Так что либо через tbody, как писали выше, либо дробить на несколько компонентов, либо оставить всё в цикле template v-for.

Answer 2

[Evgeny Kulakov]

Тут как раз пару дней назад был аналогичный вопрос, смысл в том, чтобы в tbody обернуть в компоненте:

<tbody>
  <tr><td colspan=2>Строка {{elem}}</td></tr>
  <tr><td>лево</td><td>право</td></tr>
</tbody>

Comments

[Антон Антон]

к сожалению, этот вариант не подходит из-за того, что сильно усложняет стилизацию в bootstrap-vue

[Антон Антон]

см пример:
https://jsfiddle.net/1Lgn09o5/13/

[Evgeny Kulakov]

Не смог осознать что пример показывает)

[Антон Антон]

Evgeny Kulakov: в простейшем случае (в моем примере) в варианте с tbody задвоена граница (не работает border-collapse), в более сложных случаях больше косяков

[Evgeny Kulakov]

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