2017-10-17 73 views
0

我想在w2ui網格的一個單元格中有幾個文本行。我試了下面的代碼:在w2ui網格中有多個文本行的單元格

$(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: '[email protected] <br> [email protected]_corporation.com', sdate: '2/1/2010' }, 
        { recid: 2, fname: "Bruce", lname: "Wilkerson", email: '[email protected]', sdate: '6/1/2010' }, 
        { recid: 3, fname: "John", lname: "McAlister", email: '[email protected]', sdate: '1/16/2010' }, 
        { recid: 4, fname: "Ravi", lname: "Zacharies", email: '[email protected]', sdate: '3/13/2007' }, 
        { recid: 5, fname: "William", lname: "Dembski", email: '[email protected]', sdate: '9/30/2011' }, 
        { recid: 6, fname: "David", lname: "Peterson", email: '[email protected]', sdate: '4/5/2010' } 
       ] 
      }); 
     }); 

我收到一個grig,所有的行都有相同的高度。有兩行文字的單元看起來很難看: enter image description here

所以我的問題是:是否有一個簡單的方法可以使行高度可調整爲文本行數?

回答

1

從現在開始(w2ui 1.4和w2ui 1.5 RC1)無法獲得動態大小的行。 可以使用grid.recordHeight

docs但是設置高度所有行:

記錄是固定的高度。如果您想創建每條記錄有多行的網格,則需要更改此屬性。

還有一個很好的理由:默認情況下,只會呈現可見單元格,並且所有滾動(水平和垂直)都是虛擬的。要知道顯示了多少條記錄並計算滾動條的高度(以及知道何時顯示滾動條),網格必須能夠輕鬆計算渲染行的高度 - 這就是爲什麼所有行都具有相同高度的原因。

+0

w2ui中是否有合併的單元格功能? Handsontable中的一種 –

+0

@ A.Bykov編號在w2ui單元格中不能有colspan或rowspan。 –

相關問題