<table id="game_grid">
      <col class="col1">
      <col span="1000" class="coln">
    </table>

       var gameGrid = document.getElementById("game_grid");
        var gameGridInnerHTML;
     

        for (i = 0; i < 100; i++){
            gameGridInnerHTML = gameGridInnerHTML + '<tr>';
            for(j = 0; j < 100;j++){
                gameGridInnerHTML = gameGridInnerHTML +  '<td class="map_element" style="background-position: 0 0">'+j+' '+i+'</td>'; 
            }
            gameGridInnerHTML = gameGridInnerHTML + '</tr>';
        }
        gameGrid.innerHTML = gameGridInnerHTML;

.map_element{
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: url(https://adndmaps.000webhostapp.com/set1_2.bmp) no-repeat;
}

box-sizing: border-box;

box-sizing: border-box;

padding: 0;