JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1>
    <thead>
        <tr data-bind="foreach: columns">
            <th data-bind="text: $data" />
        </tr>
    </thead>
    <tbody data-bind="foreach: rows">
        <tr data-bind="foreach: $data">
            <td>
                <span data-bind="text: $data" />
            </td>
        </tr>
    </tbody>
        
</table>

CSS

table {
    font-size: 3em;
}

table td {
    white-space: nowrap;
     overflow: hidden;
     -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
    max-width: 5em; 
}

JavaScript

var viewModel = function(first, last) {
    
    this.columns = ['row1', 'row2', 'row3', 'row4', 'row5', 'row6'];
    this.rows = [ 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                    ['cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', 'cell cell cell cell cell', ], 
                   ]; 
    
};

ko.applyBindings(new viewModel());