You can in your tabulator.js initialization function set this eventlistener:
rowClickPopup: rowPopupFormatter,
and then write a function like the one in the tabulator.js documentation like this:
var rowPopupFormatter = function (e, row, onRendered) {
var data = row.getData(),
container = document.createElement("div"),
contents = "<strong style='font-size:1.2em;'>Row Details</strong><br/><ul style='padding:0; margin-top:10px; margin-bottom:0;'>";
contents += "<li><strong>Name:</strong> " + data.name + "</li>";
contents += "<li><strong>Gender:</strong> " + data.gender + "</li>";
contents += "<li><strong>Favourite Colour:</strong> " + data.col + "</li>";
contents += "</ul>";
container.innerHTML = contents;
return container;
};
Here is the link to that particular part of the documentation: doc