function tableHTML(tableName,tableX,tableY) {

return `<div class='card' id='tbl-${newTableID}' style='top:${tableY}px;left:${tableX}px;'>` +
  "<div class='card-header'>" +
    '<i class="fa fa-arrows" aria-hidden="true"></i>' +
    "<h4 class='card-title table-title' data-toggle='popover' data-trigger='hover' data-content='Edit table name'>" +
      `${tableName}` +
    "</h4>" +
    "<div class='table-nav-buttons'>" +
      "<i class='fa fa-plus-square' data-toggle='popover' data-trigger='hover' data-content='Add column'></i>" +
      "<i class='fa fa-trash delete-table' data-toggle='popover' data-trigger='hover' data-content='Destroy table'></i>" +
    "</div>" +
  "</div>" +
  "<div class='card-block'>" +
    "<ul class='list-group'>" +
      `<li class='list-group-item' id='tbl-${newTableID}-id-column' >` +
        "<span class='tag tag-default float-xs-left type-span'>integer</span>" +
        "<div class='column-title-outer' >" +
          "<span class='column-title' >id</span>" +
        "</div>" +
      "</li>" +
    "</ul>" +
  "</div>" +
"</div>"

};