ANTD 踩坑指南

2021-08-19 20:39:12 字數 720 閱讀 8209

最近團隊後台 要使用antd 開發,發現了許多坑 慢慢記錄下來 持續更~

1 **

如果你給所有的columns都加了寬度,會發現還是按照均分顯示的,所以還是需要有幾個不設定寬度,或者就是講整個**的寬度設定的相對較寬,但是不建議使用本身自帶的特性scoll-x 因為會導致 表頭和內容沒有辦法同時移動的情況(當資料量比較大的時候),建議自行設定css的屬性。

當你設定了固定表頭的時候 會出現 **和內容不對照的情況,所以一定要設定寬度。

2 **滑動

當你的**列數較多的時候,滑動時,表頭和內容會出現不同步滑動的問題,建議不要使用scoll-x,自行寫入css,不然當你進行filter的時候 如果當前的搜尋資料為空 整個搜尋元件會偏移,因為當**內容為空時。**的滾動條會消失。

3 表單

我需要 在乙個彈出框內顯示多條資料。

這時候明顯這樣的布局不能夠使用了,我需要部分橫向,於是我使用了

form 中的layout=inline

會變成 這樣

AWS踩坑指南

常用命令 rm 刪除 ps a netstat ano grep pid埠 檢視埠占用 cat 檢視 vim 建立編輯 service mysql start 啟動mysql find 指定目錄 指定條件 指定動作 ps ef 檢視程序 kill s 91827 9代表盡快鏈結的時候不要用ip,而是...

FGUI踩坑指南

fgui的坑 注意檢查元件是否可穿透空白區域 注意是否有元件疊加在上面 注意是否有元件丟失素材。注意是否有相同名字的元件!fgui的位 本對應的數字應為字串型別,數字型別傳入無效 注意元件是否是裝載器或者富文字!動態的東西要注意!富文字不支援單行寬度自適應,新增了兩個同樣的關聯會有雙倍效果 用控制器...

antd上傳元件upload踩坑和封裝

效果圖 1 公共元件封裝 將antd中的上傳元件進行改進 不同檔案格式使用不同上傳樣式 增加上傳限制 大小,數量,尺寸 uploadcustom.js import from ant design icons import from antd import axios from axios impo...