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

Javascript w2ui网格中具有多个文本行的单元格,javascript,jquery,frontend,w2ui,Javascript,Jquery,Frontend,W2ui,我想在w2ui网格中的一个单元格中有几个文本行。我尝试了以下代码: $(function () { $('#grid').w2grid({ name: 'grid', header: 'List of Names', columns: [ { field: 'fname', caption: 'First Name', size: '30

我想在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' }
                ]
            });
        });
$(函数(){
$(“#网格”).w2grid({
名称:“网格”,
标题:“名称列表”,
栏目:[
{字段:“fname”,标题:“First Name”,大小:“30%”,
{字段:“lname”,标题:“Last Name”,大小:“30%”,
{字段:“电子邮件”,标题:“电子邮件”,大小:“40%”,
{字段:'sdate',标题:'Start Date',大小:'120px'}
],
记录:[
{recid:1,fname:“Peter”,lname:“Jeremia”,email:'peter@mail.com
peter@ypeter_corporation.com,sdate:'2/1/2010'}, {recid:2,fname:“Bruce”,lname:“Wilkerson”,电子邮件:'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”,电子邮件:'ravi@mail.com,sdate:'3/13/2007'}, {recid:5,fname:“William”,lname:“Dembski”,电子邮件:'will@mail.com,sdate:'9/30/2011'}, {recid:6,fname:“大卫”,lname:“彼得森”,电子邮件:'david@mail.com,sdate:'4/5/2010'} ] }); });
我收到了一份表格,所有的行都有相同的高度。有两行文字的一个单元格看起来很难看:

因此,我的问题是:有没有一种简单的方法可以使行高度根据文本行数进行调整?

到目前为止(w2ui 1.4和w2ui 1.5 RC1),没有办法动态调整行的大小。 但是,您可以使用网格设置所有行的高度。recordHeight

从:

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

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

到目前为止(w2ui 1.4和w2ui 1.5 RC1),无法动态调整行的大小。 但是,您可以使用网格设置所有行的高度。recordHeight

从:

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


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

w2ui中是否有合并单元格功能?有点像Handsontable@A.Bykov不可以。在w2ui中,单元格不能有colspan或rowspan。w2ui中是否有合并单元格功能?有点像Handsontable@A.Bykov不可以。在w2ui中,单元格不能有colspan或rowspan。