### 表格組件就是設置表格樣式的組件。點擊“”圖標，再點擊“表格”，即可創建新的表格，如圖6.11；   ## **一、組件名稱設置** ### 選中該表格組件，在操作界面右側的“圖層名稱”處可修改組件的名稱，如圖6.12。（名稱最好要設置一下，方便后期組件管理）   ## **二、字體大小** ### 選中該表格組件，在操作界面右側的“字體大小”處可設置表格內文字大小，如圖6.13。   ## **三、顯示行高** ### 選中該表格組件，在操作界面右側的“顯示行高”處可設置表格的行高，如圖6.14。 **備注：從1開始，數字越大，行高越小**   ## **四、開啟滾動** ### 選中該表格組件，在操作界面右側，打開“開啟滾動”開關，輸入滾動時間、滾動行數，設置表格的滾動樣式，如圖6.15。 * ### 滾動時間：多久滾動一次；（單位毫秒） * ### 滾動行數：每滾動一次，滾動幾行；   ## **五、開啟排名** ### 開啟排名之后，會在頁面顯示排名樣式，如圖6.16；   ## **六、列顯隱** ### 選中該表格組件，在操作界面右側，打開“開啟顯隱”開關，可在頁面設置顯示和隱藏某一列，如圖6.17。   ## **七、表頭設置** ### 選中該表格組件，在操作界面右側的“表頭設置”處可設置表頭的樣式，如圖6.18。 * ### 表頭顯隱：設置表頭是否顯示； * ### 表頭顏色：設置表頭文字顏色； * ### 表頭背景：設置表頭的背景顏色；   ## **八、表格設置** ### 選中該表格組件，在操作界面右側的“表格設置”處可設置表格的樣式，如圖6.19。 * ### 文字顏色：設置表格文字顏色； * ### 表格背景：設置表格的背景顏色； * ### 邊框寬度：設置表格邊框的粗細大小； * ### 邊框顏色：設置表格變寬的顏色； * ### 邊框樣式：包含實線、虛線和隱藏； * ### 奇行顏色：設置表頭奇數行的顏色； * ### 偶行顏色：設置表格偶數行的顏色；   ## **九、表頭數據設置** ### 選中該表格組件，在操作界面右側的最底下，可設置表頭名稱，key值要跟接口中的想對應。 **備注：如果接口傳過來的數據是3列，你需添加3行數據，并且key值要跟接口中參數想對應，如圖6.191、6.192；**     ## **十、接口設置** ### 選中該表格組件，在操作界面右側，點擊“”，可設置接口，如圖6.193。 ### 1\. 數據類型 ### 數據類型分為靜態數據和動態數據； * ### 靜態數據：寫死的數據； * ### 動態數據：會隨著接口傳過來的數據實時變化；（一般這種比較常用） ### 2\. 接口地址 ### （1）靜態數據，接口地址傳過來的內容要符合以下格式： ~~~ [{"name":"張夢","role":"訪客","way":"人臉","time":"2018-11-01"},{"name":"李陽榮","role":"業主","way":"APP","time":"2018-11-01"},{"name":"張無雙","role":"訪客","way":"人臉","time":"2018-11-01"},{"name":"李陽","role":"業主","way":"APP","time":"2018-11-01"}] ~~~ ### （2）動態數據，接口地址傳過來的內容要符合以下格式： ~~~ {"data":[{"name":"張夢","role":"訪客","way":"人臉","time":"2018-11-01"},{"name":"李陽榮","role":"業主","way":"APP","time":"2018-11-01"},{"name":"張無雙","role":"訪客","way":"人臉","time":"2018-11-01"},{"name":"李陽","role":"業主","way":"APP","time":"2018-11-01"}]} ~~~ ### 3\. 刷新時間 ### 這個參數主要針對動態數據設置的，完成數據的實時更新。 * ### 如果你想設置成5秒刷新一次，可以將刷新時間設置成“5000”； ### 4\. 刷新數據 ### 這個參數主要是重新請求以下接口，完成數據的更新。