title: Adding data only in last column of a row and keeping preceeding cells empty
body: <p>Here is what I have done to make a calendar. How can I do it other way if possible without having these empty <code>&lt;td&gt;</code> tags because when I apply hover CSS to data cells empty cells too get showed and behave like non-empty data cells.</p>
  
  <pre><code> &lt;tr&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
  
              &lt;td&gt;1&lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>