React Bootstrap: вертикальное выравнивание столбцов строки?

Question

Я использую реакцию начальной загрузки, я пытаюсь выровнять элементы по вертикали в ряду, но безуспешно.Моя проблема в том, что у меня есть кнопка в одном из столбцов, поэтому для других столбцов все тексты немного смещены вверх, в то время как кнопка и ее содержимое имеют большую высоту.Мой вопрос заключается в том, как сделать так, чтобы все столбцы в строке имели одинаковую высоту и чтобы все были выровнены по центру по вертикали?Единственное решение, которое мне удалось найти до сих пор, это использование CSS: tranform: translateY (-50%), это делает свое дело, но я искал лучшее, более динамичное решение, так как его нужно применять для каждого столбца, за исключением столбца кнопки.

РЕДАКТИРОВАТЬ: Когда я говорю столбцы и строки, я говорю о столбце и строке загрузчика, а не о таблице или строках и столбцах;извините за недоразумение

Answer 1

Если вы используете строки таблицы, вы можете обернуть содержимое в <div>..</div>

, например:

<tr>
  <div classname="align-me"></div>
</tr>

, а затем использовать flexbox для их динамического выравнивания:

tr .align-me {
  display: flex;
  align-items: center;
}