JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<thead>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
<th>Title 4</th>
<th>Title 5</th>
</thead>
<tbody>
<tr>
<td>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores neque doloremque officiis! Alias autem, quas, aliquam eveniet, odit nesciunt est, impedit sapiente deleniti incidunt expedita cum magnam itaque veritatis laboriosam!</div>
<div>Blanditiis fugiat soluta, voluptates ratione adipisci nesciunt, magnam vitae hic, commodi saepe magni sequi. Quam quod, commodi, suscipit ipsam, ipsum ad optio odio aut soluta voluptatem quis. A quasi, consequuntur.</div>
<div>Nesciunt doloribus esse explicabo dolore incidunt dolorum doloremque, libero ipsam eveniet consequuntur tempora in, labore quia fugit, vel. Qui, eaque pariatur id earum ex culpa nulla eligendi consequuntur sapiente repellendus.</div>
<div>Earum repellat soluta doloremque nesciunt eveniet ipsa eligendi nihil, cumque quod, sit velit eum obcaecati. Quidem, officiis, odio magni aliquid maiores voluptatibus temporibus sequi, quasi amet excepturi sunt, minus ipsum.</div>
<div>Aut explicabo neque necessitatibus quas, quam suscipit perferendis saepe culpa maiores aperiam omnis vitae quisquam repellat ab soluta nostrum quos sint at natus quod aliquid. Qui ut vitae consectetur beatae!</div>
</td>
<td>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum, id veritatis, ipsa alias asperiores ullam veniam ad dolore, officia quos harum eos sequi numquam incidunt laborum ex architecto eius facere?</div>
<div>Mollitia consequatur, architecto laboriosam fugit ducimus aspernatur atque incidunt temporibus voluptates obcaecati reprehenderit recusandae nam ipsam praesentium nostrum tempora, modi placeat totam cumque. Tempora ipsum, fuga, quo beatae rem nisi.</div>
<div>Asperiores officia explicabo voluptas tempore, dolor commodi illo optio, voluptatum nulla voluptatem repellendus magnam sunt, corrupti nostrum voluptatibus...
CSS
.number{
background-color: darksalmon;
color: #fff;
text-align: center;
font-size: 10em;
}
.footer-table{
background-color: darksalmon;
color: #fff;
text-align: center;
font-size: 3em;
}
JavaScript
var count=0;
$(".number").each(function(){
count = count + $(this).html().replace(/[^.\d]/g,'') * 1000;
});
$(".grand-total").html((count / 1000).toFixed(2));