layer數據表格換行

在使用layer數據表格的時候,默認是不可以換行的。這樣顯示

 

改動后

數據格式為   aa<br>bb就會顯示為換行

 

比如我們的字符串是    a<br>b

這樣的字符串瀏覽器會把它解析換行的，但是layer的數據表格的單元格高度就是那么高，不變，底層數其實是加載到了，但是由於高度不夠，所以不顯示

 

/* layui-table 表格內容允許換行 */
.layui-table-cell {
height: inherit;
}

/* layui-table 表格內容允許換行 */
.layui-table-cell {
height: auto;
}

兩種都可以，這是使用高度時候 auto 和 inherit 的區別

 

 其他人的解釋：

inherit是繼承父類的屬性，一般用於字體、顏色、背景等
auto是按情況自適應，一般用於高度、寬度、外邊距和內邊距等關於長度的屬性
現在一般常用的屬性都支持inherit，用的不多，auto自適應長度用的比較多。如{ margin：0 auto}加上這個屬性的元素只要定義了寬度就會相對於他的父元素自居中。

 

 

學習到一個知識點：

 layui中如果想要合並表體的單元格，可以使用layui的模版，然后在模版中作出調整

每個單元格中多加幾行，行與行之間可以使用  橫線<hr/>   來作為每行之間的分割線。

同事想到的做的，自己只是積累他人的知識成為自己的。