tableResize

by flyingbee2012

HTML

<table id='mytable' style="border-collapse:collapse;width:300px;">
  <tbody>
    <tr height="19" style="height:14.25pt">
      <td style="border:2px solid rgb(0, 212, 0);width:100px"></td>
      <td style="border:2px solid rgb(0, 0, 212);width:100px"></td>
      <td style="border:2px solid rgb(212, 0, 0);width:100px"></td>
    </tr>
  </tbody>
</table>
<br>
<button type="button" id="bnt">Hide Right Border</button>

JavaScript

function hideRightBorder() {  
  var table = document.getElementById("mytable");
  for (var i = 0, row; row = table.rows[i]; i++) {
    for (var j = 0, col; col = row.cells[j]; j++) {
    
      col.style.borderRightStyle = 'none';
      col.style.borderRightWidth = '0';
    }
  }

  
}


var theButton = document.getElementById("bnt");
theButton.onclick = hideRightBorder;