* { margin: 0; padding: 0; } table { padding: 0; margin: 0; border: none; width: 100%; background-image: repeating-linear-gradient(white, white 1.2em, hotpink 1.2em, hotpink 2.4em); border-collapse: collapse; } td,tr { border: none; padding: 0 5px; line-height: 1.2em; margin: 0; border-collapse: collapse; } .hidden { display: none; }
var rows = document.querySelectorAll('tr'); document.querySelector('button').addEventListener('click', function(ev) { rows[3].className = 'hidden'; }, false);