title: Cells with multiple text lines in w2ui grid
body: <p>I would like to have several text lines in one cell in w2ui grid. I tried the following code:</p>
  
  <pre><code>$(function () {
              $('#grid').w2grid({
                  name: 'grid',
                  header: 'List of Names',
                  columns: [
                      { field: 'fname', caption: 'First Name', size: '30%' },
                      { field: 'lname', caption: 'Last Name', size: '30%' },
                      { field: 'email', caption: 'Email', size: '40%' },
                      { field: 'sdate', caption: 'Start Date', size: '120px' }
                  ],
                  records: [
                      { recid: 1, fname: "Peter", lname: "Jeremia", email: 'peter@mail.com &lt;br&gt; peter@ypeter_corporation.com', sdate: '2/1/2010' },
                      { recid: 2, fname: "Bruce", lname: "Wilkerson", email: 'bruce@mail.com', sdate: '6/1/2010' },
                      { recid: 3, fname: "John", lname: "McAlister", email: 'john@mail.com', sdate: '1/16/2010' },
                      { recid: 4, fname: "Ravi", lname: "Zacharies", email: 'ravi@mail.com', sdate: '3/13/2007' },
                      { recid: 5, fname: "William", lname: "Dembski", email: 'will@mail.com', sdate: '9/30/2011' },
                      { recid: 6, fname: "David", lname: "Peterson", email: 'david@mail.com', sdate: '4/5/2010' }
                  ]
              });
          });
  </code></pre>
  
  <p>I received a grig where all rows have same height. The one cell, which have two lines of text, was looked ugly:
  <a href="https://i.stack.imgur.com/xTGR9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xTGR9.png" alt="enter image description here"></a></p>
  
  <p>So my question is: Is there a simple way to make row height adjustable to number of text lines?</p>