LayUI默认样式调整

  • 1、Layui 表格一个单元格显示多行数据
.layui-table-cell {
    height: auto;
    text-overflow: inherit;
    overflow: visible;
    white-space: normal;
    word-wrap: break-word;
}
  • 2、Layui表格,单元格宽度溢出,鼠标移入时会出现下拉框,点击时会弹窗显示所有单元格内容,影响美观,可在表格渲染完毕后的done事件中解绑该事件
$('.layui-table-body').off('mouseenter','td');
  • 3、Layui控件会重写当前div(传入layui控件的元素),一些style不会生效,要获取当前控件的兄弟元素或父子元素:
  • + i + '">' + 这里是控件div,可能在表格里,因此每个元素设置id不方便 + '
    ' + 把一个其他地方用到的属性隐藏在这里 +'

    下文中{ 其他作用域}this.spanthis可以指向控件内的元素,但不能this.next() {this本身是一个包含了当前控件的对象,但不是指向某一个元素,所以this.parent()指向别的地方会报错}

    因此,想要使用旁边元素,可以先指向子元素,在指到父元素:

    this.span.parent().next().text();

 

 

 

你可能感兴趣的:(前端,layui,前端)