實現的效果圖
首先：將table的css設置成 table{ width:100%; border:none; border-collapse:collapse //相鄰邊被合并 } **border-collapse:是設置表格或者之間的間距的。
1.將封裝的原生table寫進組件，然後父元素設置最大高度，并且超出顯示滾動條。
2.自定義列寬，采用thead的th中的width屬性。給予百分比，這樣既能定義列寬且有自適應。
3.此時滾動是整個表格滾動。所以要做head固定，利用了粘性定位，top：0。 **問題出現：滾動的時候head的下邊框會消失，上邊框并且帶有閃爍。
解決1：查到可以使用outline做外邊框。問題可以解決，但是邊框變粗了（不采納）
解決2：自己定義div，做絕對定位，然後作爲上下邊框。
4.滾動時整個table的底邊框沒有。使用僞類的last-child進行解決。
5.知識點回顧： li:nth-child(-n+3);父元素下，選中前三個子元素。 li:nth-last-child(-n+3);父元素下，選擇倒數前三的子元素。 li:nth-of-type(n+3);父元素下，選擇相同類型的前三個子元素。
