w2ui网格中有多个文本行的单元格

时间:2017-10-17 12:30:26

标签: javascript jquery frontend 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: 'peter@mail.com <br> 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' }
                ]
            });
        });

我收到了一个格栅,所有行都有相同的高度。一个单元格,有两行文字,看起来很难看: enter image description here

所以我的问题是:是否有一种简单的方法可以将行高调整为文本行数?

1 个答案:

答案 0 :(得分:2)

截至目前(w2ui 1.4和w2ui 1.5 RC1),无法获得动态大小的行。 但是,您可以使用grid.recordHeight

设置所有行的高度

来自docs

  

记录的高度固定。如果要创建每个记录包含多行的网格,则需要更改此属性。

这也有一个很好的理由:默认情况下,只渲染可见单元格,所有滚动(水平和垂直)都是虚拟的。要知道显示多少条记录并计算滚动条的高度(以及知道何时显示滚动条),网格必须能够轻松计算渲染行的高度 - 这就是所有行具有相同高度的原因。 / p>