JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<script src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <td>Nome</td>
            <td>Informações</td>
            
        </tr>
    </thead>
    <tbody>
        <tr><td data-order="138">Primeiro dado </td><td><div class="saldo">138</div>
<div class="somavendas">64</div></td></tr>
        <tr><td data-order="14">Segundo dado </td><td><div class="saldo">14</div>
<div class="somavendas">22</div></td></tr>
        <tr><td data-order="29">Terceiro dado </td><td><div class="saldo">29</div>
<div class="somavendas">17</div></td></tr>
    </tbody>
</table>

JavaScript

$(document).ready(function() {
    $('#example').DataTable();
} );