title: Adjusting custom view in Fullcalendar by Adam Shaw
body: <p>I've followed the outlines in <a href="https://stackoverflow.com/questions/19232242/fullcalendar-change-week-view-to-vertical-list-instead-of-horizontal-table-colum">FullCalendar Change Week View to Vertical List instead of Horizontal Table Columns</a> to create a custom vertical week view in fullcalendar.</p>
  
  <p>The implementation is taken from the original post shown in this fiddle: <a href="http://jsfiddle.net/nomatteus/dVGN2/3/" rel="nofollow noreferrer">http://jsfiddle.net/nomatteus/dVGN2/3/</a></p>
  
  <p>This lays out the view like this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
      .tr.td.headercontent....
    &lt;/thead&gt;
    &lt;tbody&gt;
      .tr.td.eventcontent....
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>However the vertWeek view is used on small screens (smartphones etc), so I would like to have the day header and content to be layed out horizontal to take up less space in height like in this screenshot:
  <a href="https://i.imgur.com/F4AkoSw.png" rel="nofollow noreferrer">http://i.imgur.com/F4AkoSw.png</a></p>
  
  <p>The MAN 8. is styled manually as I like it, but TIR 9 is how it is rendered by the view.</p>
  
  <p>I would like to achieve this:</p>
  
  <pre><code>&lt;table&gt;
    &lt;thead&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td&gt; headercontent
        &lt;td&gt; eventcontent
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have tried to understand the fullcalendar code to move the header into the same  as the eventcontent - but it seems like the view is rendered in different places for thead and tbody for that container.</p>
  
  <p>Could anyone point me in the right direction on how to modify the code to achieve this?</p>