Axure

利用Axure製作動態表格

周子愉 2020/06/29 16:03:31
106

軟體版本:AxureRP 9.0

1. 拉入一個Table元件做為表格標題列,將多餘列數刪除保留一列並將其內容更改為呈現的欄位名稱

    

2. 再來拉入一個Repater(中繼器)元件,且於元件上方點兩下滑鼠左鍵進入至編輯模式

    

3. 將預設方框刪除,拉入一個Table元件並調整位置對齊標題

4. 將Table中每個欄位命名,方便後續設置對應時識別

    

5. 將準備好的Sample資料貼入Repater(中繼器)的Data中   SampleData.xlsx

    

    Ctrl + v貼上

    

6. 將Repater(中繼器)中Data Column對應至Table元件中相對應欄位,重覆以下步驟設置3個欄位對應,設置完Data即在Repater(中繼器)中呈現

    

   

   

7. 將呈現資料設置分頁,在此設置每頁10筆

    

8. 再來可利用內建圖示製作換頁按鈕

    

    (1) 設置目前頁數參數

          

    (2) 設置第一頁、上一頁、下一頁、最後一頁參數

          

    (3) 設置第一頁、上一頁、下一頁、最後一頁與目前頁數的互動參數

          

          

以上步驟完成後,最終效果呈現:https://2aroed.axshare.com

另外除了上述基本表格及換頁效果呈現,Repater(中繼器)還可以呈現以下效果:

Repater Actions

效果參考: https://m248b9.axshare.com

周子愉