求思路，vue封裝table組件，列需要適應(yīng)自適應(yīng)怎么處理好呢？

最近需要對項目用到的table做統(tǒng)一修改，所以想把它封裝成公共組件，避免以后還有這種需求。

思路：

把列頭和數(shù)據(jù)表格內(nèi)容當(dāng)屬性傳到組件里面，列頭的td和數(shù)據(jù)行的td用對象包裝一下，因為他們需要更多的屬性。

問題：

現(xiàn)在主要問題是，因為需要適配移動端，所以難免有一些列需要動態(tài)控制（屏幕寬度改變）隱藏或顯示，之前一直用media來做的，通過寫多個media，慢慢的逐列隱藏或顯示，如果封裝到組件里面，改怎么實現(xiàn)呢？我打算傳遞一個 width 過去，如果小于這個數(shù)值，表示隱藏，

顯示隱藏列用什么做好一點呢？js 監(jiān)聽 resize 么？這樣的話會不會影響性能呢？

有更好的辦法么？