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不会生效,要获取当前控件的兄弟元素或父子元素:
-
<div id="likeLevel' + i + '">' + 这里是控件div,可能在表格里,因此每个元素设置id不方便 + '</div><div style="display:none;">' + 把一个其他地方用到的属性隐藏在这里 +'</div>
下文中{其他作用域}:this.span(this可以指向控件内的元素,但不能this.next() {this本身是一个包含了当前控件的对象,但不是指向某一个元素,所以this.parent()指向别的地方会报错})
因此,想要使用旁边元素,可以先指向子元素,在指到父元素:
this.span.parent().next().text();