JSFiddle - React, Tailwind, and code Playground
HTML
<input type="radio" name="check_matrix" value="check_matrixA" class="check_matrix" id="amatrix">
<label for="amatrix" tabindex="4" class="matrixA"></label>
<span class="text_radio">Матрица А</span>
<input type="radio" name="check_matrix" value="check_matrixB" class="check_matrix" checked id="bmatrix">
<label for="bmatrix" tabindex="5" class="matrixB"></label>
<span class="text_radio">Матрица В</span>
<br>
<button tabindex="6" type="button" class="btn add_row"><i class="fa fa-plus"></i>Добавить</button>
<button tabindex="7" disabled="true" type="button" class="btn del_row"><i class="fa fa-minus"></i>Удалить</button>cтроку
<button type="button" class="btn add_coll"><i class="fa fa-plus"></i>Добавить</button>
<button tabindex="9" type="button" class="btn del_coll"><i class="fa fa-minus"></i>Удалить</button>cтолбец
<section class="right_side">
<div>
<table class="result">
<tr>
<td>
<input class="elem_matrix" placeholder="c1.1" maxlength="2" type="text">
</td>
<td>
<input class="elem_matrix" placeholder="c1.2" maxlength="2" type="text">
</td>
</tr>
<tr>
<td>
<input class="elem_matrix" placeholder="c2.1" maxlength="2" type="text">
</td>
<td>
<input class="elem_matrix" placeholder="c2.2" maxlength="2" type="text">
</td>
</tr>
</table>
</div>
<div>
<label for="Atable">A</label>
<table class="input_matrixA" id="Atable">
<tr>
<td>
<input class="elem_matrix" placeholder="a1.1" maxlength="2" type="text">
</td>
</tr>
<tr>
<td>
<input class="elem_matrix" placeholder="a2.1" maxlength="2" type="text">
</td>
</tr>
</table>
</div>
<div>
<label for="Btable">B</label>
<table id="Btable" class="input_matrixB">
<tr>
<td>
<input class="elem_matrix" placeholder="b1.1" maxlength="2" type="text">
</td>
<td>
...