JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<table class="floatTable">
  <tbody>
    <tr class="footerRow">
    </tr>
  </tbody>
</table>
</body>

CSS

table {
    border: 1px solid #000;
    border-collapse: collapse;
}

JavaScript

// Select all TRs in the floatTable having the class footerRaw
$(".floatTable tr.footerRow").each(function(key, el) {
  // here you could define anything whatever you want
  var tdContent = 'Lorem ipsum dolor';
  
  // For example add five TDs to your table
  for ( var i = 0; i < 5; i++ ) {
    // if it works ;-)
    // ...it should add following:
    // <td>Lorem ipsum dolor #1</td>
    // <td>Lorem ipsum dolor #2</td>
    // ...and so on...
    $(this).append('<td>' + tdContent + ' #' + i + '</td>');
  }
});