title: Need advice with HTML table
body: <p>I would like to code an HTML table with messages like this:</p>
  
  <p><a href="http://img717.yfrog.com/img717/4348/tableo.png" rel="nofollow noreferrer">alt text http://img717.yfrog.com/img717/4348/tableo.png</a></p>
  
  <p>The table will contain messages that will spread over first N columns (N may change).
  Lets call these N columns, the message area.
  Each message is located on X contiguous cells <b>in the message area</b>. X may also change.</p>
  
  <p>Each message has a name that contains words separated with underscores.</p>
  
  <p>How would you recommend to code this table in Javascript/jQuery such that:</p>
  
  <ul>
  <li>It would be easy to define a message (start cell, end cell, color, name)</li>
  <li>The name will break only after underscores (rather than in the middle of the word)</li>
  </ul>