Creé una tabla tabuladora js que se comporta como debería cuando la miro con FireFox: cuando la pruebo en Chrome, aparece un punto después de los íconos que puse en una celda.

Esta es una captura de pantalla de FF (arriba) y Chrome (abajo) para la misma página. Yo tampoco veo el . en cualquiera de los códigos HTML:

Código HTML de Chrome:

 <div class="tabulator-cell" role="gridcell" title="" style="width: 42px; height: 42px;"> <button class="btn btn-sm btn-primary" id="tippy" aria-expanded="false"> <svg class="svg-inline--fa fa-server fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="server" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""> <path fill="currentColor" d="..."> </path> </svg><!-- <i class="fas fa-server"></i> Font Awesome fontawesome.com --> </button> </div>

No puedo ver dónde está el . viene de El código FF parece idéntico. El código del tabulador se ve así:

 cols = [{formatter: eBtn, cellClick: editClkd, maxWidth: "40"}, {formatter: pBtn, tooltip: prntToolTip, maxWidth: "40"}, {formatter: tippyBtn, maxWidth: "42",}] var table = new Tabulator("#testtable", {height:"1210px", layout: "fitColumns", resizableColumns: false, pagination: "local", columns: cols}); let tippyBtn = function (cell) { let row = cell.getRow()._row.data; return `<button class="btn btn-sm btn-primary" id="tippy"> <i class="fas fa-server"></i> </button>`; }