如何使用JavaScript设置表格中单元格之间的空间？

Z时代
2024-01-10
分类：综合

要使用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>