1. 程式人生 > >iView Table元件寬度只變大不變小的解決方案

iView Table元件寬度只變大不變小的解決方案

示例:

<Table class="my-table"></Table>

開啟開發者工具其實你可以發現iView給table標籤的寬度加上了一個明確的寬度值,而且在父元素變小的時候這個值並沒有相應地變小,所以才會導致的iView Table元件只會變大不會變小。那麼我們就可以根據這個原因才決定解決方案

1、給Table元件的table標籤設定一個important的width

.my-table table {
	width: 100% !important;
}

這個方法並不是特別好,因為他可能會出現table慢慢變小(而不是瞬間變小)的情況,所以看起來並不是特別好。

2、給Table元件一個確定的計算值

.my-table {
	width: calc(100% - 100px);
}

這個方法在目前我已知的方法裡是最優的。

3、不要給Table元件的columns引數中新增width屬性(未驗證)

columns: [{
	title: '標題',
	width: 200 // 不加這東西
}]

這個方法是網友給的,我沒驗證不知道有沒有用。