看起来你试图将链接上的click事件绑定到object.myFunction，但实际上你想要的是将它绑定到grid.readOnlyModalCallback。
1.使用jQuery.data()存储guid和链接：

let guid = 'yourGuidValueHere'; // retrieve your guid value accordingly
$(td).html('<a href="#" class="link-class">' + cellData + '</a>').find('a').data('guid', guide);

1.然后在init函数中使用jQuery.on()将click事件绑定到链接：

$('.link-class').on('click', grid.readOnlyModalCallback);

1.确保在回调中阻止默认事件：

grid.readOnlyModalCallback = function (event) {
 event.preventDefault();
 let guid = $(this).data("guid");
 if (guid) {
     grid.showDetailModal(guid);
 }
 return false;
};

只需向td添加一个click事件处理程序，并对td进行样式设置，使其清楚地显示可以单击。
参见以下示例：

document.querySelectorAll(".clickable").forEach(function(el){
  el.addEventListener("click", function(){
    console.log("You clicked me.");
  });
});

table, tr, td {
  border:1px solid grey;
}

.clickable {
  cursor:pointer;
  color:#00f;
}

.clickable:hover {
  color:#f00;
}

<table>
  <tr>
    <td>Row 1 - Column 1</td>
    <td>Row 1 - Column 2</td>
    <td>Row 1 - Column 3</td>    
  </tr>
    <tr>
    <td>Row 2 - Column 1</td>
    <td class="clickable">Row 2 - Column 2</td>
    <td>Row 2 - Column 3</td>    
  </tr>
    <tr>
    <td class="clickable">Row 3 - Column 1</td>
    <td>Row 3 - Column 2</td>
    <td>Row 3 - Column 3</td>    
  </tr>
</table>