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


然后你有一些选项和过滤器适用于你的表:

  • 分页默认级别(与大量数据一起使用)
  • 分页的行数
  • 对您的数据应用一些过滤器,即。 列可以与定义的值相等,不同
  • 可以在列中对某些值进行分组

 

数据库表选项


最后,您可以像任何其他表一样预览和生成表格。 生成表格后,您仍然可以访问表格数据库源,例如,您可以在表格中添加一列。

 

数据库表生成

 

注意:唯一的区别是主题不能应用于表,但您可以像在任何其他表中一样自定义所有显示。