title: Fixed Column Widths in Resource FullCalendar
body: <p>I am using a special version of FullCalendar that supports Resource Views.
  <a href="http://tux.fi/~jarnok/fullcalendar-resourceviews/" rel="nofollow noreferrer">http://tux.fi/~jarnok/fullcalendar-resourceviews/</a></p>
  
  <p>I only have a couple of problems with it. It seems to automatically set the column widths, which I think applying this sort of addresses that:</p>
  
  <pre><code>.fc-widget-header
  {
      width:100px;
  }
  .fc-widget-content
  {
      width:100px;
  }
  .fc-resourceName
  {
      background-color:aliceblue;
      width:150px;
  }
  </code></pre>
  
  <p>Then the html writes that width of the cells is 100px, but it is still trying to auto fit everything.</p>
  
  <p>What I want it to do is if it is too big, to h-scroll, but I always want each cell to be exactly 100px.</p>
  
  <p>I have this style for scrolling:</p>
  
  <pre><code>#calendar
  {
      overflow-x:auto;
  }
  </code></pre>
  
  <p>But the elements are still showing up as variable widths based on the date.
  Here is what it looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/UpspG.png" alt="enter code here"></p>
  
  <p>Clearly, each of my columns are not 100px as I have requested, and the resource columns are not 150px as requested. What can I do to get the desired look?</p>
  
  <p>The other problem is there is no class defined for a new week. I would really like to show the columns where week X is written as different colors.</p>
  
  <p>Any insight into either of these would be very helpful.</p>
  
  <p>Thanks</p>