JSFiddle - React, Tailwind, and code Playground

HTML

<table>       
    
    <tbody data-bind="foreach: members"> 
        <tr>
            <td data-bind="text: Id"></td>
            <td data-bind="text: FirstName"></td>
            <td data-bind="text: LastName"></td>
        </tr>
    </tbody>   
    
    <tbody data-bind="if: members().length == 0">
        <tr>
            <td colspan="3">No members have been added yet</td>
        </tr> 
    </tbody>
    
</table>

JavaScript

ko.applyBindings({
    members: ko.observable([
        {Id: 1, FirstName: 'FN 1', LastName: 'LN 1'},
        {Id: 2, FirstName: 'FN 2', LastName: 'LN 2'},
        {Id: 3, FirstName: 'FN 3', LastName: 'LN 3'}
    ])
});