グリッドのセル間のスペースを削除する

Question

グリッドがグラフ用紙のように見えるようにセル間のスペースを削除したいと思います。今はセルの間に小さなスペースがあり、それを取り除きたいと思います。ここで

は、私が今持っているということです。あなたのCSSで

function generateGrid(rows, cols) { 
 
    var grid = "<table>"; 
 
    for (row = 1; row <= rows; row++) { 
 
    grid += "<tr>"; 
 
    for (col = 1; col <= cols; col++) { 
 
     grid += "<td></td>"; 
 
    } 
 
    grid += "</tr>"; 
 
    } 
 
    return grid; 
 
} 
 

 
$("#tableContainer").append(generateGrid(5, 5)); 
 

 
$("td").click(function() { 
 
    var index = $("td").index(this); 
 
    var row = Math.floor((index)/5) + 1; 
 
    var col = (index % 5) + 1; 
 
    $("span").text("That was row " + row + " and col " + col); 
 
    $(this).css('background-color', 'red'); 
 
});

td { 
 
    border: 1px solid; 
 
    width: 50px; 
 
    height: 50px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<span>Select a cell!</span> 
 
<div id="tableContainer"></div>

Answer 1

：

table { 
    border-collapse: collapse; 
} 

Answer 2

table { 
    border-collapse: collapse; 
} 
th, td { 
    padding: 0; 
}