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


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

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

数据库表选项


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

数据库表生成

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