JSFiddle - React, Tailwind, and code Playground

HTML

<table id='hiddenresult'>
    <thead>
        <tr><th>id</th><th>Event</th><th>Folder</th></tr>
    </thead>
    <tbody>
        <tr class='events'>
            <td>3</td>
            <td>First</td>
            <td class='folderName'>C</td>
        </tr>
        <tr class='events'>
            <td>2</td>
            <td>Second</td>
            <td class='folderName'>A</td>
        </tr>
        <tr class='events'>
            <td>1</td>
            <td>Third</td>
            <td class='folderName'>B</td>
        </tr>
    </tbody>
</table>

JavaScript

$('#hiddenresult tbody').append(
    $('#hiddenresult tbody tr.events').detach().sort(function(a, b) {
        var atxt = $(a).find('td.folderName').text().toLowerCase();
        var btxt = $(b).find('td.folderName').text().toLowerCase();
        return (atxt >= btxt) - (atxt <= btxt);
    })
);