หากต้องการตั้งค่าระยะห่างระหว่างเซลล์ในตารางด้วย JavaScript ให้ใช้คุณสมบัติ borderSpacing ตั้งค่าระยะห่างโดยใช้คุณสมบัตินี้
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเรียนรู้วิธีตั้งค่าระยะห่างระหว่างเซลล์ตาราง −
<!DOCTYPE html> <html> <body> <table id="newTable" border="2"> <tr> <th>EmpID</th> <th>EmpName</th> <th>EmpDept</th> </tr> <tr> <td>001</td> <td>Amit</td> <td>IT</td> </tr> <tr> <td>002</td> <td>John</td> <td>Finance</td> </tr> <tr> <td>003</td> <td>David</td> <td>Marketing</td> </tr> </table> <br> <button onclick="display()">Click to set space between cells</button> <script> function display() { document.getElementById("newTable").style.borderSpacing = "15px"; } </script> </body> </html> 