Droptables文檔

 

介紹

Droptables是一個Joomla擴展,用於管理Joomla中的HTML表格和類似接口的電子表格。

Droptables表擴展

主要特點:

  • 管理電子表格中的表格
  • 包括6個主題
  • 完全由任何編輯器管理
  • Excel和Google表格同步
  • AJAX自動保存
  • 前端的可排序數據
  • 單元格,線條,列樣式編輯器
  • 用拖放式複制單元格
  • 只需單擊即可複制整個表格
  • HTML單元格格式
  • 高級CSS代碼編輯器

 

I. DROPTABLES安裝

1.1安裝

我們的組件是Joomla 3.x兼容。 所有會員都包含所有功能和第三方集成。
要安裝我們的組件,您必須下載擴展名.zip文件並使用標準的Joomla安裝程序。

的Joomla安裝

 

然後單擊“瀏覽”>“上載並安裝”按鈕,默認情況下將安裝組件,模塊和插件。

 

1.2更新和自動更新程序

為了更新擴展,您可以通過從JoomUnited或者下載ZIP文件來安裝舊版本 使用自動更新程序 (推薦的)。

DROPTABLE更新

推送更新通知的自動更新程序嵌入在您安裝的Joomla擴展中。 因此,您會像儀表板中的任何其他擴展程序或使用菜單一樣收到通知: Extension> Manage> Update菜單。

登錄您的帳戶進行更新

您需要登錄您的JoomUnited帳戶才能更新所有JoomUnited Joomla擴展程序。 要登錄訪問組件的主要配置,請單擊 實時更新選項卡。 在底部,您將找到一個登錄按鈕。

實時更新

 

輸入您的JoomUnited憑據,與您在此處登錄@ www.joomunited.com使用的憑據相同

登錄-joomunited

 

按鈕會變成橙色,恭喜! 您現在可以更新本網站上的所有JoomUnited擴展! 如果您的會員資格已過期,您將獲得續訂鏈接和解釋該信息的文本。

帳戶鏈接

注意:一次登錄將允許您更新所有JoomUnited擴展(關於您的成員資格)。 除非您斷開連接,否則登錄將不會過期。

II。 管理表

2.1管理文章或組件中的表格

安裝Droptables時,您有一個組件條目, 菜單組件> Droptables和編輯器按鈕 在編輯器旁邊顯示。 單擊它以打開主Droptables視圖。

 

droptables編輯器

 

表管理器界面在編輯器的燈箱中打開:

 

droptables-燈箱開

 

如果要在編輯器中插入表格,請使用右上角的按鈕 插入此表 把它放在你的文章中。 然後,該表格將使用灰色區域和類似Excel的圖標來實現。

 

表在編輯器中

 

如果單擊該區域,則再次在Droptables按鈕上加載先前添加的表格。

 

2.2管理表格和類別

表格分類。 您可以在類別中擁有盡可能多的表。 要創建表類別,請單擊 新表類別 在頂部中心。 要創建一個新表,只需單擊 創建表格。

 

表類別

 

注意:組件安裝期間已創建默認類別和表。 您可以使用drag'n drop移動表和表類別。

 

表舉動

 

可以通過將鼠標放在其上來管理類別,您將能夠編輯名稱,複製或刪除表格。

 

表名

 

2.3表版

要在表格中添加數據,您必須像在傳感器中一樣行事。 雙擊單元格將為您提供更新內容的可能性,只需單擊一下即可選擇一個/一些單元格(例如,應用樣式)。

 

編輯細胞

 

要添加行或列,請單擊表格邊框上的+:

 

附加線表

 

或者使用右鍵單擊。

 

右CLIC-ADD

 

要復制單元格,可以使用CTRL + C / CTRL + V,也可以將鼠標放在單元格的右下角,並將其移動到所需的方向。

 

複製細胞

 

注意:所有修改都會立即自動保存,右上角會顯示一條消息。 您可以選擇禁用此功能 Droptables>選項

 

保存表

 

 

從右鍵菜單中,您可以撤消最新的修改,以及自重新加載頁面以來的所有最新修改。 Droptables保留您已完成的修改的備份,並能夠恢復它。

 

撤消行動

 

細胞也可以合併。 選擇2個或更多單元格然後右鍵單擊。 菜單將允許您進行合併。

 

2.4高級內容版

我們最近在版本界面中添加了一項新功能。 您現在可以在每個單元格中使用WYSIWYG編輯器添加HTML內容。 選擇一個單元格, 在右側部分,轉到“格式”>“HTML”選項卡

 

HTML細胞

 

現在,當您編輯單元格時,您將在其中包含HTML編輯器。 它還包括所有編輯器內容按鈕,這裡我使用了圖像按鈕。 可用的編輯器按鈕可作為選項進行配置。

 

編輯按鈕

 

 

2.5 Excel和電子表格導入/導出

 

您可以使用我們的專用工具在Droptables中導入和導出電子表格。 必須從配置中激活它: 組件> Droptables>選項

 

Excel中導入

 

表可以從Excel或Open Office導入。 將自動檢測格式並導入。 請注意,只會導入第一個Excel頁面。 導出可以Excel 2003或2007格式完成。

 

Excel中 - 板材 - 進出口

 

您也可以導入或導出 僅限表格數據 要么 表數據+樣式。 導入數據僅在導入時保留佈局非常方便。

 

III。 打造桌子

3.1格式

默認情況下,格式選項卡位於屏幕右側。 它包含不同的樣式參數。

 

表格式

 

  • 細胞類型: 默認或HTML(帶編輯器)。 默認類型允許您使用HTML插入HTML內容(如圖像)進行計算。
  • 細胞背景 是關於定義背景顏色的當然
  • 邊框和字體選項 可以應用於單個或多個單元格
  • 行和列的寬度/高度 可以用像素定義。 在表中的任何位置選擇列或行並驗證大小。
  •  

行 - 列大小

 

還可以使用單元鼠標懸停的工具提示(需要從組件選項激活)。 單擊工具提示按鈕,您可以編輯單元鼠標懸停在前端上可見的內容。

 

表細胞提示

 

3.2主題和排序選項

 

在表格選項卡上,仍然在右側部分,您有一個縮略圖主題選擇器。 只需單擊主題即可應用它。 我們強烈建議在新桌面上應用主題,然後更改數據會更加容易。

 

主題的選擇

 

如果您的表中已有數據並且您應用了主題,則將刪除所有數據。 如果在新表上應用主題,則將添加示例數據和样式,並且可以對其進行編輯。

 

仍然在表右欄中,2幀參數用於定義替代線的顏色(line1,line2,line1,line2 ......)

 

兩幀

 

sortable參數允許您在前端進行AJAX數據排序。 請注意,如果啟用過濾器工具,則默認情況下將啟用數據排序工具。

 

排序和過濾器表

 

  • 使用可排序表: 是/否
  • 對齊表: 中心/右/左/無
  • 響應類型: 滾動/隱藏小馬
  • 啟用過濾器: 是/否
  • 啟用分頁: 是/否
  • 每頁數行數: 10,20,......
  • 默認情況下對cloumn進行排序: 選擇cloumn A,B或C,......
  • 訂單默認排序列: ASC / DESC

數據過濾和前端排序

 

數據過濾器

表格對齊是關於對齊包含整個表格的div,例如以所有表格為中心。 列和行凍結選項將凍結選擇並啟用其餘部分的滾動。

 

行凍結

 

讓我的表響應或使用小設備上的滾動?

Droptables可以使用優先級工具處理響應式設計。 默認情況下,響應功能被禁用,會出現溢出(雖然在移動設備上工作效果很好)。

 

響應模式

 

響應模式是高級的,您可以定義隱藏移動尺寸列的優先級。 隱藏列時,將顯示帶複選框的移動菜單以強制顯示/隱藏列。
在表格版本中,列大小是固定的。 如果所有列的大小對於容器來說太大,您將有溢出,並且您將能夠輕鬆地在移動設備上滾動。

帶滾動的表 (適用於少量色譜柱)

 

響應表滾動

 

隱藏列的表 (對於大量的列更好)

 

響應表-cololumn隱藏

 

單元格高光也可作為選項提供。 您可以在中啟用此功能 組態。 默認情況下禁用它。 您可以調整突出顯示的顏色和不透明度。

 

表突出

 

3.3 ACL和前端管理

可以從Joomla前端管理您的表。 來自Joomla菜單管理器, 添加新菜單 項目並選擇類型 管理表格並選擇Droptables前端作為模板。


菜單droptables

 

 

以下是您可以從前端看到Droptables Manager的內容。

 

Droptables-前端

 

注意:要在前端全屏顯示表管理器界面,您應該選擇 模板樣式> Droptables前端。

 

您可以使用Joomla用戶組ACL來控製表格版本操作。 首先,要設置允許查看表的人,需要在Droptables配置中啟用啟用表訪問(ACL)功能。

 

前台桌版

 

另外,您可以從表格設置中控制每個表格的表格前端可見性 (更多標籤)。 選擇Joomla用戶組以允許組在前端查看表。

 

用戶組的訪問控制列表

 

3.4自定義CSS

讓我們超越一步。 如果您是具有CSS編輯技能的webdesigner,您將能夠從中添加css 右邊的更多選項卡。

您可以在單元格上添加填充和邊框半徑。

 

填充,CSS

 

單元格,線條,列具有用於標識每個單元格的坐標,並在其上應用自定義css。 R是行,C是列。 這裡是第1行(r1),第4列(c4)= dtr1 dtc4

 

CSS-坐標

 

CSS代碼使用代碼鏡像著色。 css代碼可以是更少的代碼,它也可以工作!

 

CSS定制表

 

 

IV。 來自表格的圖表

4.1創建包含數據的表

您可以在內容中的表格數據中生成圖表。 首先創建一個包含數據的表來生成圖表。

表格不必與內容中的圖表一起顯示,您可以從單個表格中生成多個圖表。

 

然後讓您選擇以生成圖表。 在這裡,所有表格都被選中。

 

圖表表

 

然後單擊添加新圖表。 將生成一個圖表,其中包含您選擇的數據范圍。 在右側部分,您可以選擇圖表類型。

 

生成-圖表

 

關於表中數據更改的圖形將動態更新,您無需重新生成它。

 

4.2圖形參數

添加圖表後,您可以在右欄中找到一些選項。

 

圖的設置

 

切換行/列 只有在數據集中僅選擇了數字時才可用。 您將被允許將數據從列切換到行。

使用第一行/列作為標籤 參數允許您向圖表添加標籤。

 

排行榜冠軍

 

然後您可以選擇設置圖表的寬度/高度,對齊方式和顏色。

 

V. DROPTABLES參數和技巧

5.1參數

要訪問Droptables全局參數,請進入 組件> Droptables>選項

 

droptables-PARAMATERS

 

在選項中,您可以定義:
 

  • 表類別手風琴自動關閉
  • 啟用Excel導入/導出
  • 選擇導出格式

 

droptable-settings2

 

  • 啟用工具提示 在細胞上
  • 啟用自動保存 在AJAX中,否則你會有一個 保存修改按鈕
  • 啟用表訪問權限: 啟用表訪問限制(ACL)。 允許您根據Joomla用戶組限製表editon權限
  • 細胞突出顯示: 激活單元格鼠標上的顏色,以便第一眼看到單元格內容(僅限行/列/兩者)
  • 突出顏色:單元格突出顯示懸停顏色
  • 突出顯示字體顏色: 單元格突出顯示字體懸停顏色
  • 突出不透明度: 單元格突出顯示不透明度級別
  • 啟用隱藏右側面板: 是/否
  • 表同步週期: 表格Excel文件或Google表格的自動同步延遲
  • 啟用數據庫表: 是/否

 

5.2 ACL權限

可以使用Joomla ACL集成。 您現在可以限制對錶編輯器的操作或表的訪問。 此限制適用於所有表。

 

訪問表

 

例如,如果您希望管理員用戶只能訪問和編輯他們自己的表,請將“編輯”設置為拒絕,並將自己編輯為“允許”。 您還可以限制:

  • 全局配置
  • 接口訪問
  • 表創建
  • 表格刪除
  • 版/自己的版本
超級管理員用戶將始終擁有所有表和類別的所有版本權限。

 

5.3在HTML自定義模塊中加載表

Droptables可以在每個WYSIWYG編輯器字段中使用,您只需要調用內容插件即可。 大多數情況下它默認激活。

如果不是這樣,就像在Joomla HTML自定義模塊中一樣,您需要像上面那樣激活它。

 

表在模塊

 

在選項選項卡中,您需要設置選項 準備內容:是的

 

5.4計算

您在Droptables中有一個基本的計算實現。 可用元素是:

  • SUM,COUNT,CONCAT
  • 最小最大平均
  • 日期,DAY,DAYS,DAYS360
  • OR,XOR,AND

要進行求和,請在單元格中鍵入如下內容(大寫是必需的): = SUM(A1; B2)或= SUM(A1:B2)

您可以在數字,金錢或日期上配置單元格計算的符號。

 

計算的設置

 

  • 日期格式: 設置日期計算的日期格式
  • 符號位置: 為了對貨幣進行單元格計算,請定義貨幣符號的默認位置
  • 貨幣符號: 要對貨幣進行單元格計算,請定義默認貨幣符號
  • 十進制符號: 要進行單元格計算,請定義默認的小數符號
  • 十進制計數: 小數符號後面的位數
  • 千元符號: 要進行單元格計算,請定義默認的千位符號

VI。 EXCEL和GOOGLE SHEETS SYNC

6.1 Excel文件同步

可以在您創建的表和服務器上的Excel文件(任何位置)之間運行同步。 從名為“Table”的右側選項卡,在底部有一個塊,用於將Excel文件鏈接到表。

 

同步Excel的選擇

 

點擊即可 瀏覽按鈕,您可以在服務器的任何位置選擇Excel,這裡是通過媒體管理器上傳的文件(/ images文件夾)。

 

文件瀏覽,Excel中

 

將Excel文件鏈接到表後,即可點擊 獲取數據按鈕 從Excel文件導入數據。

取-Excel的數據

 

注意:僅從Excel中獲取數據,而不是樣式,因此導入時表的全局樣式將保持不變。

 

警告:根據服務器上可用的內存,您將無法導入非常大的Excel文件(例如,超過1000行)。

 

6.2與Google表格同步

Droptables提供Google表格同步功能。 您的Google表格需要“ 發佈到網上“要同步。首先,從Google雲端硬盤中打開您的工作表,然後使用”文件“菜單將其發佈為網頁。

 

發布到Web

 

然後,您將可以訪問Google表格文件鏈接,複製此鏈接。

 

發布鏈接

 

並將其粘貼到 Droptables“表格”選項卡。 你完成了! 您現在可以從Google表格中獲取數據。

 

谷歌片材數據

 

注意:當您導入excel文件或從Google表格同步數據時,如果您使用以下功能,則該鏈接將有效: = HYPERLINK()
例如:= HYPERLINK(“ https://joomunited.com”,“ Joomunited”)

6.3自動Excel和Google表格同步

在文件鏈接上方,您還可以激活自動數據同步。 Droptables將定期自動獲取數據。

 

同步週期

 

激活後,表格標題後會顯示通知。

 

自動同步通知

 

可以在Droptables配置中設置同步延遲。

 

七。 來自數據庫的表格

 

Droptables允許您從數據庫表中創建表。 從組件的設置,你應該 啟用數據庫表。

 

數據庫配置

 

回到儀表板,首先,您選擇 來自數據庫的表 類別,然後單擊 創建表格 ,然後下面列出了數據庫中的所有表。 接下來,您將能夠從數據庫中選擇表和列。 通過按下控件,您可以選擇多個表,列。

 

數據庫選擇


在列選擇中,您可以在公共端顯示時為表中的數據定義自定義標題和默認順序。

 

列titleandordering


然後你有一些選項和過濾器適用於你的表:

  • 分頁默認級別(與大量數據一起使用)
  • 分頁的行數
  • 對您的數據應用一些過濾器,即。 列可以與定義的值相等,不同
  • 可以在列中對某些值進行分組

 

數據庫表選項


最後,您可以像任何其他表一樣預覽和生成表格。 生成表格後,您仍然可以訪問表格數據庫源,例如,您可以在表格中添加一列。

 

數據庫表生成

 

注意:唯一的區別是主題不能應用於表,但您可以像在任何其他表中一樣自定義所有顯示。