跳到主要内容

Droptables ：样式表

1.表格格式

在工具栏上，您可以为单元格设置样式，例如：字体、字体大小、文本样式、单元格背景颜色、文本颜色、单元格水平和垂直对齐方式……它可以应用于单个单元格或多个单元格。

行高和列宽可以以像素为单位定义。请转到 Menu Format > Apply column/line size ，然后选择Resize column / Resize row 。在弹出窗口中，您可以选择范围并为列或行设置 px。单击完成按钮完成。

2.主题和排序选项

在每个表格中，您都可以在 Menu Theme找到主题选择选项。只需单击一个主题即可应用它。

如果表中已经有数据并应用了主题，则所有数据都将被删除。如果您在新表上应用主题，则将添加示例数据和样式并可以对其进行编辑。

在同一个Menu Theme > Alternate colours中，“自动样式”功能可帮助您使用页眉样式和页脚样式选项为表格上的线条着色。您可以选择模板样式或在插件设置中制作自己的样式。

sortable 参数允许您在前端进行 AJAX 数据排序。您可以在Menu Format > Sort。

表格对齐是关于对齐包含整个表格的 div，例如将所有表格居中。您可以在Menu Format > Table align。

单元格突出显示也可用作选项。您可以在配置中启用 Line、Column 或 Both 选项。默认情况下它是禁用的。您可以调整突出显示的颜色和不透明度。

鼠标悬停的工具提示也可用（需要从组件选项中激活）。在表格的每个单元格上，您可以在右键单击它时看到工具提示选项。

您可以设置工具提示宽度（以像素为单位）。它将带您进入带有编辑器进行编辑的工具提示。

添加内容并保存后，操作完成，工具提示将在鼠标悬停时显示在公共端。

4. ACL 和前端管理

可以从 Joomla 前端管理您的表格。从 Joomla 菜单管理器中，添加一个新菜单项并选择类型管理表并选择Droptables前端 - 默认作为模板。

这是您可以从前端看到Droptables Manager的内容。

注意：要在前端全屏显示表管理器界面，应选择“模板样式”>“ Droptables前端。

您可以使用 Joomla 用户组 ACL 来控制表编辑操作。首先，要设置允许查看表的人，您应该转到Droptables用户角色选项卡。

表 > 表访问设置表的所有者

5.行列冻结

色谱柱冻结

列冻结在菜单格式 > 响应选项。您最多可以冻结 5 列。从第一列开始计算。

为了使列/行冻结，还有一个附加选项可以让您固定表格的高度（因为您的表格容器可能具有无限的高度）。

选择要冻结的列后，您将能够在表格上滚动并始终显示固定列。

行冻结

您可以在Menu Format > Table header，从这里您可以打开选项并将行设置为冻结（最多 5 行）。

如果要设置桌子高度，请返回到“响应式”选项。

然后，第一行将在设置之后冻结在前端。

6. 过滤列数据

菜单格式 > 过滤器。您可以通过单击启用公共数据过滤字段来激活它。

过滤器示例：

7.单元格填充和边框半径

您可以在工具栏上找到边框图标，该图标有助于调整单元格的内边距和边框半径。

8. 自定义 CSS

让我们更进一步。如果您是具有 CSS 编辑技能的网页设计师，您将能够在菜单格式 > 自定义 CSS 中添加 CSS 。

单元格、行、列都有坐标来识别每一个并对其应用自定义 CSS。 R是行，C是列。 这是第 1 行 (r1)，第 4 列 (c4) = dtr1 dtc4

CSS 代码使用代码镜像着色。 CSS 代码可以少一些，它也能用！

9. 响应式 Joomla 表格

我的表是否响应或在小型设备上使用滚动条？

隐藏cols

Droptables使用优先工具处理响应式设计。默认情况下，响应功能是禁用的，会出现溢出（尽管在移动设备上效果很好）。为了使用Hiding Cols选项，您应该转到菜单格式 > 响应选项。

响应模式是高级的，您可以定义隐藏移动尺寸列的优先级。
隐藏列时，将显示带有复选框的移动菜单以强制显示/隐藏列。列大小在表格编辑期间是固定的。如果所有列的大小对于容器而言都太大，就会出现溢出，并且您将能够轻松地在移动设备上滚动。

带滚动条的表（更适合少量列）

隐藏列的表（更适合大量列）

重复标题

如果您想在站点的一小块区域中插入表格，这是另一种选择。您应该导航到菜单格式 > 响应选项。 然后选择响应类型 > 重复标题。

将根据您的需求提供自定义选项：

响应断点（px）：选择一个以像素为单位的断点值，以定义表何时切换到此响应模式
响应最大高度（像素）：激活响应模式时，根据断点值，定义最大高度，以避免表格过长
响应模式样式：为此响应模式应用默认样式或使用表格颜色

之后，您可以看到该表在前端的外观。

10.下载表

为了与公众共享您的表格，请导航至“菜单表格” ，然后勾选“导出 Excel”按钮选项。在前端下载时，文件类型将为 *.xlsx。

11. 分页

在每个表格版本菜单格式 > 分页找到此功能使用切换按钮启用并选择要在页面上显示的行数。

12. 单个单元格的格式

Droptables中为单个单元格设置格式：日期时间、货币、数字。首先，您应该选择一个/多个单元格。然后转到菜单格式 > 日期时间。

之后，货币和数字可以以相同的方式完成。

13. 在前端打印表格

有时，您需要打印表格。因此，为了在前端“打印”按钮“菜单表”并勾选“打印”按钮选项。