JSFiddle - React, Tailwind, and code Playground

JavaScript

<script>
    $(document).ready(function () {
        $('#example').DataTable({
            order: [[0, 'asc'], [1, 'asc']],
            rowGroup: {
                dataSrc: [0, 1],

                startRender: function (rows, group) {
                    return $('<tr/>')
                        .append('<td class="td-left" >' + group + '</td>');

                }
            },
            scrollY: "500px",
            scrollX: true,
            paging: false,
            columnDefs: [{
                targets: [0, 1],
                visible: false
            }]
            



        });
    })
</script>