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>"
};