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表格中獲取數據。

谷歌片材數據

 

6.3自動Excel和Google表格同步

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

同步週期

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

自動同步通知

 

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

 

七。 來自數據庫的表格

 

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

數據庫配置

 

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

數據庫選擇


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

列titleandordering


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

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

數據庫表選項


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

數據庫表生成

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