Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでテーブルの境界線を1つの境界線に折りたたむかどうかを設定しますか？

テーブルの境界線を折りたたむかどうかを設定するには、 borderCollapseを使用します プロパティを作成し、折りたたむように設定します。次のコードを実行して、テーブルの境界線を折りたたむように設定できます-

例

<!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 collapse</button>
      <script>
         function display() {
            document.getElementById("newTable").style.borderCollapse = "collapse";
         }
      </script>
   </body>
</html>

  1. 柔軟なアイテムをJavaScriptでラップするかどうかを設定しますか？

    flexWrapを使用する JavaScriptのプロパティは、柔軟なアイテムをJavaScriptでラップするかどうかを設定します。 例 次のコードを実行してflexWrapを実装してみてください。 JavaScriptのプロパティ- <!DOCTYPE html> <html>    <head>       <style>          #box {            

  2. 空のセルの境界線と背景がJavaScriptで非表示になっているかどうかを知る方法は？

    JavaScriptで空のセルの背景と境界線が非表示になっているかどうかを確認するには、 emptyCellsを使用します プロパティ。 例 次のコードを実行して、JavaScriptで空のセルの境界線と背景を表示するかどうかを設定できます- <!DOCTYPE html> <html>    <head>       <style>          table, td {