title: Show/hide table columns based on a select value
body: <p><strong>Scenario:</strong>
  I've got a table where the first column is the "header/legend" and any following column contains the data for a specific year.
  Then I have a select with the list of the years to choose from (corresponding to the table's columns).</p>
  
  <p><strong>Problem:</strong>
  When a year is selected I need to display in the table the first column plus the one for the selected year and two more for the two previous years.</p>
  
  <p><em>I know about the nth-child method, but I was wondering if there is a way to achieve the same without looping through the columns
  Any ideas?</em></p>
  
  <p><strong>Work in progress:</strong> <a href="https://jsfiddle.net/wpnj8917/" rel="nofollow">https://jsfiddle.net/wpnj8917/</a></p>
  
  <pre><code>(still need to show just 3 columns, or less for the last two years in the select)
  </code></pre>