JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
  <td>1</td>
  <td class="hide-text">STO</td>
  <td><button data-mais="ISTO é o texto completo1" class="mais">Mostrar mais</button>
<button data-menos="STO" class="menos">Mostrar menos</button></td>
</tr>
<tr>
  <td>2</td>
  <td class="hide-text">STO</td>
  <td><button data-mais="ISTO é o texto completo2" class="mais">Mostrar mais</button>
<button data-menos="STO" class="menos">Mostrar menos</button></td>
</tr>
<tr>
  <td>3</td>
  <td class="hide-text">STO</td>
  <td><button data-mais="ISTO é o texto completo3" class="mais">Mostrar mais</button>
<button data-menos="STO" class="menos">Mostrar menos</button></td>
</tr>
</table>
<br>

JavaScript

$('.mais').on('click', function() {
  $(this).parent().parent().find('.hide-text').html($(this).data('mais'));
});
$('.menos').on('click', function() {
  $(this).parent().parent().find('.hide-text').html($(this).data('menos'));
});