layui的table表格

提问 已结 22 1068
伊丈夫
伊丈夫 2020-3-31
悬赏:20飞吻
版本:layui layui 2.5.6 浏览器:IE11

把这个里面的文字转成这样的

layui将table中的td怎么显示两行?
有没有大咖碰到过这样的问题
求帮助!!!!!!!!
回帖
  • 秋心
    2020-3-31

    是这种效果吗?
    cols: [[
    {type:'checkbox'}
    ,{field:'id', title: 'ID', width: '5%', align: 'center'}
    ,{field:'title', title: '标题'}
    ,{title: '缩略图', templet:function(d){ return '<img src="../../uploads/'+d.litpic+'" alt="" />'}, width: '10%', align: 'center'}
    ,{title: '时间', width: '20%', templet:function(d){
    return '添加时间:' + d.create_time + '<br/>更新时间' + d.update_time;
    }, align: 'center'}
    ,{field:'status', title: '文章状态', width: '10%', align: 'center', templet: '#statusTpl'}
    ,{field:'display', title: '是否显示', width: '9%', align: 'center', templet: '#displayTpl'}
    ,{title: '操作', width: '11%',align: 'center', toolbar: '#toolbar-right'}
    ]]
    css一定要改,不然高度会overflow:hidden
    .layui-table-cell{height: 50px;}



    0 回复
  • 两个时间 之间加个换行符
    1 回复
  • @伊丈夫 那是那行表格列的 字段名
    1 回复
  • 0 回复
  •  td[data-field="strProperty"] .layui-table-cell{
    height: 100%;
    white-space: normal;
    }
    0 回复
  • [嘻嘻] 传奇砍我啊 兄弟
    0 回复
  • 伊丈夫
    2020-4-1
    @秋心 是的是的,大佬我先弄着看看[嘻嘻]
    0 回复
  • 伊丈夫
    2020-4-1
    @秋心 这个d.create_time的d是什么,在哪里定义的
    0 回复
  • 伊丈夫
    2020-4-1
    @要不要买菜 那个data-field="strProperty"怎么写入到Table.render里面
    0 回复
  • 伊丈夫
    2020-4-1
    @秋心 css赋值不上去,我放在页面的style里面,没起作用
    0 回复