<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                ### 表格組件就是設置表格樣式的組件。點擊“![](https://img.kancloud.cn/e4/c1/e4c19480b992403fd3f915b50779c1f7_28x27.png)”圖標,再點擊“表格”,即可創建新的表格,如圖6.11; ![](https://img.kancloud.cn/38/9e/389e162733837ca1ab50e28782d65f84_814x533.png) ![](https://img.kancloud.cn/64/b7/64b75769607c3fc5507ce1be6ce5853a_803x38.png) ## **一、組件名稱設置** ### 選中該表格組件,在操作界面右側的“圖層名稱”處可修改組件的名稱,如圖6.12。(名稱最好要設置一下,方便后期組件管理) ![](https://img.kancloud.cn/05/02/0502a2f63228fa8e14af2552f5f347e5_938x567.png) ![](https://img.kancloud.cn/0b/8e/0b8e26b9215e0531a06df0708fb1ca28_802x39.png) ## **二、字體大小** ### 選中該表格組件,在操作界面右側的“字體大小”處可設置表格內文字大小,如圖6.13。 ![](https://img.kancloud.cn/cb/82/cb829cdf32ddd81b4719279ded348faa_960x552.png) ![](https://img.kancloud.cn/61/5e/615ed5f9a3f8927efa4817b6e9fcf951_801x38.png) ## **三、顯示行高** ### 選中該表格組件,在操作界面右側的“顯示行高”處可設置表格的行高,如圖6.14。 **備注:從1開始,數字越大,行高越小** ![](https://img.kancloud.cn/cf/55/cf55b5d9b45c9c3d7bcadcedaf6bae06_950x545.png) ![](https://img.kancloud.cn/ee/8c/ee8ca95062805ff42e2098c12504fa42_799x43.png) ## **四、開啟滾動** ### 選中該表格組件,在操作界面右側,打開“開啟滾動”開關,輸入滾動時間、滾動行數,設置表格的滾動樣式,如圖6.15。 * ### 滾動時間:多久滾動一次;(單位毫秒) * ### 滾動行數:每滾動一次,滾動幾行; ![](https://img.kancloud.cn/ef/3b/ef3b35945baf45f47ce2dc8456e1e260_999x642.png) ![](https://img.kancloud.cn/79/b9/79b91e747bd48c510a2adce8c97e0fef_798x41.png) ## **五、開啟排名** ### 開啟排名之后,會在頁面顯示排名樣式,如圖6.16; ![](https://img.kancloud.cn/4d/4c/4d4c6e9f389afba19fad1f68964d0085_1045x634.png) ![](https://img.kancloud.cn/07/15/0715543e5657c7293f58414df31e4844_803x42.png) ## **六、列顯隱** ### 選中該表格組件,在操作界面右側,打開“開啟顯隱”開關,可在頁面設置顯示和隱藏某一列,如圖6.17。 ![](https://img.kancloud.cn/f5/84/f58448fc36078a7d0457382af415587f_1023x643.png) ![](https://img.kancloud.cn/10/41/10416a0f5efa9ad4b9b800623d719d23_799x36.png) ## **七、表頭設置** ### 選中該表格組件,在操作界面右側的“表頭設置”處可設置表頭的樣式,如圖6.18。 * ### 表頭顯隱:設置表頭是否顯示; * ### 表頭顏色:設置表頭文字顏色; * ### 表頭背景:設置表頭的背景顏色; ![](https://img.kancloud.cn/bc/df/bcdf433eea3c00f6f8c4b2e8131c3ac7_1002x433.png) ![](https://img.kancloud.cn/b9/54/b9544525f3d76e565f140fed43cce51a_784x38.png) ## **八、表格設置** ### 選中該表格組件,在操作界面右側的“表格設置”處可設置表格的樣式,如圖6.19。 * ### 文字顏色:設置表格文字顏色; * ### 表格背景:設置表格的背景顏色; * ### 邊框寬度:設置表格邊框的粗細大小; * ### 邊框顏色:設置表格變寬的顏色; * ### 邊框樣式:包含實線、虛線和隱藏; * ### 奇行顏色:設置表頭奇數行的顏色; * ### 偶行顏色:設置表格偶數行的顏色; ![](https://img.kancloud.cn/52/2a/522a978ed45e5a1ccdc954cb79351758_1021x640.png) ![](https://img.kancloud.cn/94/54/945467ffcee350a05474355d5bb77a80_795x39.png) ## **九、表頭數據設置** ### 選中該表格組件,在操作界面右側的最底下,可設置表頭名稱,key值要跟接口中的想對應。 **備注:如果接口傳過來的數據是3列,你需添加3行數據,并且key值要跟接口中參數想對應,如圖6.191、6.192;** ![](https://img.kancloud.cn/e1/70/e170909c941408c949b4e6c78e5cf0ce_1042x418.png) ![](https://img.kancloud.cn/2f/a2/2fa2512682e34ea3918ddd5dcade3f5f_796x44.png) ![](https://img.kancloud.cn/59/f3/59f3fa68155639526459f15ddd5e995d_672x449.png) ![](https://img.kancloud.cn/91/83/9183a3f104edd0eca541753e86673014_796x41.png) ## **十、接口設置** ### 選中該表格組件,在操作界面右側,點擊“![](https://img.kancloud.cn/e6/f9/e6f9502306b50d834fffeeb54025ae0e_305x54.png)”,可設置接口,如圖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\. 刷新數據 ### 這個參數主要是重新請求以下接口,完成數據的更新。 ![](https://img.kancloud.cn/cd/ab/cdab2990b24a86808e53b27cc5c2f8b4_688x1040.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看