JSFiddle - React, Tailwind, and code Playground
HTML
<form name="form_">
<div class='table option'>
<div class='tr'>
<div class='td'>Тип</div>
<div class='td'>Название</div>
<div class='td'>Имя поля</div>
<div class='td'>Ед. изм.</div>
<div class='td'>Плейсхолдер</div>
<div class='td'>Паттерн</div>
<div class='td'>Список</div>
<div class='td'>Фильтр</div>
<div class='td'>Не пустой</div>
<div class='td'>Уровень<br>админ.</div>
<div class='td'>Вкл.</div>
<div class='td'> </div>
</div>
<div class="tr"><div class="td">Целое<br>INT(11)<input name="option[id_type]" value="1" type="hidden"></div><div class="td"><input size="15" required="1" name="option[name]" value="" type="text"></div><div class="td"><input size="10" name="option[in_table_name]" value="" type="text"></div><div class="td"><input size="10" name="option[measure]" value="" type="text"></div><div class="td"><input size="15" name="option[placeholder]" value="" type="text"></div><div class="td"><input size="15" name="option[pattern]" value="" type="text"></div><div class="td"><input name="option[is_list_dir]" value="0" type="hidden">
<input name="option[is_list_dir]" value="1" type="checkbox"></div><div class="td"><input name="option[is_filter]" value="0" type="hidden">
<input name="option[is_filter]" value="1" type="checkbox"></div><div class="td"><input name="option[required]" value="0" type="hidden">
<input name="option[required]" value="1" type="checkbox"></div><div class="td"><input size="3" name="option[admin_level]" value="" type="text"></div><div class="td"><input name="option[is_enable]" value="0" type="hidden">
<input name="option[is_enable]" value="1" type="checkbox"></div><div class="td"><input name="option_where[id_option]" value="" type="hidden"><input name="option[id_option_group]" value="" type="hidden"><button name="form"...
CSS
div.table{
display: table;
width: 100%;
border-collapse: collapse;
}
div.tr{
display: table-row;
}
div.td{
display: table-cell;
text-align: center;
border: none;
border: 1px solid #ccc;
vertical-align: middle;
}