JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<table class="ReallyLongSillyTableName">
    <thead>
        <tr>
            <th>Head 1</th>
            <th>Head 2</th>
            <th>Head 3</th>
            <th>Head 4</th>
            <th>Head 5</th>
        </tr>
    </thead>
    <tbody>
        <tr class="row-1">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr class="row-2">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr class="row-3">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr class="row-4">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr class="row-5">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

CSS

body { padding: 5px; background-color: #ddd;}
table { width: 90%;}
table, table td, table th {border: 1px solid #fff; padding: 3px; text-align: center}

JavaScript

//config
var ThisTable = $('.ReallyLongSillyTableName');


// Function
$(ThisTable + ' td:last-child').each(function() {
    $(this).append('Sales Orders: ');
});


/*$('.ReallyLongSillyTableName td:last-child').each(function() {
    $(this).append('Some Text');
});*/