JSFiddle - React, Tailwind, and code Playground

HTML

<table>
            <tbody data-bind="foreach: sitesTable.rows" >
                <tr data-bind="foreach: row">
                    <td data-bind="template: 'myTemplate' "></td>
                </tr>
            </tbody>
    </table>

<br/>

JavaScript

var sitesTableModel = {
    rows: ko.observableArray(row = ko.observableArray([{ cellValue: "fghfg" }])),
};


//overall viewModel
var viewModel = {
    sitesTable: sitesTableModel

};

ko.applyBindings(viewModel);


function getNewData(){
    
    var dataKO = "this is a link from a db. click with knockout";
    var dataJS = "this is a link from a db. click with javascript";
    
    var itemRows = [];
    var itemRowValuesKO = []; 
    var itemRowValuesJS = []; 
    
    var rowValueFormattedKO =dataKO;// "<a id='testID'  href='#' data-bind=click: openAlert>" + dataKO + "</a>";
    var rowValueFormattedJS =dataJS;// "<a href='#' onclick=alert('hello')>" + dataJS + "</a>";
       
    
    itemRowValuesKO.push({ cellValue: rowValueFormattedKO });
    itemRowValuesJS.push({ cellValue: rowValueFormattedJS });
    
    itemRows.push({ row: itemRowValuesKO });
    itemRows.push({ row: itemRowValuesJS });
    
    viewModel.sitesTable.rows(itemRows);
    
};

function openAlert(){
alert("asdadvasdv");
};