Member Avatar for astnrocker

This looks as it should except that it needs more spacing between the columns. How would I do that?

<script type="text/javascript">
/* <![CDATA[ */
var numRows = "10";
var numCols = "10";
if (isNaN(numRows) || isNaN(numCols)) {
}else {
    var tblHTML = "", rowHTML;
    for (var row = 0; row <= numRows; row++) {
        rowHTML = "";
        for (var col = 0; col <= numCols; col++) {
            if (row == 0) {
                rowHTML += "<td>" +
                    ((col == 0) ? " " : col) +
                    "</td>";
            } else if (col == 0) {
                rowHTML += "<td>" +
                    row +
                    "</td>";
            } else {
                rowHTML += "<td>" +
                    (row * col) +
                    "</td>";
            }
        }
        tblHTML += "<tr>" + rowHTML + "</tr>";
    }
    document.write("<table border=\"0\">" +
        tblHTML +
        "</table>");
}

/* ]]> */
</script>    
</head>
<body> 
</body>
</html>
  • 2 Contributors
  • 1 Reply
  • 190 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by Airshow
Member Avatar for Airshow

AstnRocker

Easiest way is to control spacing in the HTML with table attributes, eg:

document.write("<table cellpadding=\"5\" cellspacing=\"2\" border=\"1\">" + tblHTML + "</table>");

Cellpadding and cellspacing add vertical as well as horizontal spacing.

Alternatively, you can use CSS, which gives more control, eg:

<style>
td {
	padding: 3px 12px;
}
</style>

This gives more horizontal padding than vertical (which cannot be achieved in HTML alone).

Airshow

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.