免费元素表小部件

Elementor 在免费版或专业版中没有自己的表小部件。 Dynamic Table 是一个免费的主插件小部件,可以填补这一空白:您在 Elementor 面板中添加了标题单元格和体单元,它会构建一个真正的 HTML 表,您可以在没有代码的情况下进行样式化。 单元格可以保存文本、图标或图像、跨列或行合并,并从动态标记中提取值。 它通常用于时间表、规格表、价目表和目录。 将其视为您手工输入的行的简单数据表。 它不对文件进行排序、搜索或导入。

表头面板,带有标头单元选项和团队任务管理表旁边的装饰下拉

在面板中构建行和列

该表来自两个中继器。 表标头单元格 每列持有一项,并且 表体细胞 按读取顺序保存每个单元格,其中 a 新行? switch 启动下一行,您可以拖动项目重新排序,复制单元格,或者隐藏带有 的头行 桌子头 开关。

  • 合并单元格: 列"跨越在头和身体细胞上,行"跨越在身体细胞上。
  • 柱宽: 在单元格的"选项"选项卡中打开"自定义宽度"以设置其宽度。
  • 每个单元格的文本选项: 线(左,中,右或正当)和装饰(下划线,上划线或线通过)。

头部和身体造型

表页眉样式 设置标头背景(默认情况下为深色海军蓝)、文本颜色、图标大小和颜色、对齐方式、排版和内单元格填充。 桌体 对数据单元具有相同的控件,以及图标周围的填充。

  • 标头: 背景、文本和图标颜色、图标大小、对齐方式、排版和单元格填充。
  • 体: 背景、文本和图标颜色、图标大小和填充、对齐、排版和单元格填充。
  • 每个设备对齐: 平板电脑和移动设备上的标头和身体对齐方式可能会发生变化。
表体和表标头 带有绿色标头和员工任务行的表旁边的样式面板
身体细胞,在表格旁边有图像和动态标签列表,显示带有小个人资料照片的姓名

单元格中的文本、图标、图像和动态标签

每个头和身体细胞都有一个 类型 option: 无,图标或图像 图标来自元素器图标库,图像得到一个像素的图像大小 文本字段接受动态标签,包括来自免费 动态标签 extension,所以一个单元格可以显示一个帖子标题、一个自定义字段或作者详细信息,每个标签填充一个单元格,小部件不会循环通过帖子为你构建行。

  • 图标作为复选标记: 在计划或功能比较中使用勾号或十字图标。
  • 小图像: 在名称旁边添加照片或徽标,尺寸以像素为单位。
  • 动态标签: 拉单个值,例如帖子标题或自定义字段。

全球风格:条纹、边框和角落

全球风格 适用于整个表格。 条纹桌? 默认情况下使用浅灰色 (#eee) 条纹颜色,您可以更改。您还设置了表格背景颜色、内单元格填充、带类型、宽度和颜色的边框以及圆角的边框半径。

  • 斑马行: 长桌子上保持条纹,以便易于遵循行。
  • 边界: 细胞周围有实线、虚线、虚线或双线。
  • 圆角: 边框半径软化了桌子的边缘。
团队任务管理仪表板表,带有绿色标头和六个员工任务行
动态表格设置面板中的响应式表切换,旁边是堆叠在手机卡片中的课程时间表

移动端的响应表

响应表? 位于设置部分,默认为打开。 在高达 768 像素宽的设备上,标题行被隐藏,每一行变成一张卡片,每个单元格都显示其列名作为标签。 五列时间表变成您向下滚动的卡片列表,因此没有人必须横向滚动。

  • 堆叠卡片: 每行一张卡片,左侧列名,右侧为值。
  • 每个设备对齐: 标题和身体对齐有自己的平板电脑和移动值。
  • 关闭它: 桌子上保持了手机的网格。 然后宽的桌子越过屏幕边缘,所以将它们保持在三到四列。

HTML 表代码与动态表小部件

Elementor中没有表小部件,通常添加表的方法就是在HTML小部件中自己编写HTML,下面是与小部件的比较。

特点HTML 小部件与您自己的代码主插件动态表
价格免(元素核心)免费的
建造行和列写入表、tr 和 td 标签面板中的中继器项目
造型您自己的 CSS样式选项卡控件
合并的细胞colspan 和 rowspan 属性列跨度和行跨度字段
细胞中的图标和图像粘贴标记图标库或媒体库
动态标签否是的,每个单元格一个值
电话布局您自己的媒体查询行堆叠成卡片
排序、搜索、CSV导入需要脚本或插件否

如果您需要排序、搜索、分页或 CSV 导入,TablePress 等专用表插件是更好的选择。对于您在 Elementor 内编辑的样式表,该小部件可以保存您编写 HTML 和 CSS。

相关: 定价表 (免费), 比较表 (专业版)和 动态标签 (免费)的。

这个 Elementor 数据表小部件可以做什么和不能做什么

动态表是您输入的行的数据表。 这是它的作用和停止的位置。

特点动态表
在面板中输入的行和列是的
合并单元(列跨度和行跨度)是的
细胞中的图标和图像是的
动态标签是的,每个单元格一个值
条纹行是的
自定义列宽是的
移动堆垛是的,在 768px 及以下
分拣否
搜索否
分页否
CSV 或 Excel 导入否

您需要哪种桌面工具?

表在元素搜索中意味着几个不同的东西。 根据您正在构建的内容选择工具。

你在建造什么最佳工具
简单的表格,如时间表、规格表、价格表或时间表动态表
需要排序、搜索、分页或 CSV 导入的大数据TablePress,与 Elementor 短代码小部件一起放置
计划和价格并排定价表
跨计划或产品的功能比较比较表 (专业版)
开放时间营业时间

相关: 高级手风琴 对于不适合单元格的长答案,以及 动态标签 用于从帖子数据中填充单元格。

元素表示例

下面的三个表是实时动态表小部件,而不是屏幕截图。 在手机上打开此页面,查看每堆堆叠成卡片。 更多的布局,包括餐厅菜单和计划比较,都在它们下面的演示查看器中。

班级时间表

每周计划五列。 在电话上,每个班级都变成了自己的卡片。

时间 班级 导师 工作室 空间
周一 07:00维尼亚萨流阿琳娜·佩特洛娃工作室 14剩下
星期一 18:30强度与调节丹·奥塞健身房楼层满满的
星期二 09:30普拉提改革家玛尔塔·席尔瓦工作室22剩下
12点15分星期三快速 HIIT丹·奥塞健身房楼层9剩下
周四 19:00阴&恢复阿琳娜·佩特洛娃工作室 111个剩下
周六 10:00初学者桶亚拉·哈达德工作室26剩下

系统要求

三列比较最小值和推荐值,规格表的通常形状。

组件 最小 推荐
文字出版社6.06.6或更新的
菲普7.48.2
元素3.164.2 或更新版本
MySQL/玛丽亚DB5.7/10.38.0/10.6
PHP 内存限制128兆巴256兆巴
max_input_var10003000
https可选许可证检查所需

运费

按目的地和服务划分的价目表,关闭条纹和一个轻型标题。

目的地 服务 交货时间 免费结束 成本
英国大陆皇家邮政追踪 482、3个工作日40英镑3.95英镑
英国大陆DPD 第二天下一个工作日120英镑6.95英镑
高地和岛屿皇家邮政追踪 483、5个工作日60英镑7.50英镑
爱尔兰共和国爱尔兰 DPD2、4个工作日150英镑11.00 英镑
欧盟欧洲DHL3、6个工作日—14.50 英镑
世界其他地区DHL快递5、10个工作日—24.00 英镑
模板查看器
脸书
推特
什么应用程序
复制链接
立即购买
任务管理
任务管理
动态表,带订单确认
动态表,带订单确认
计划比较
计划比较
系统要求
系统要求
餐厅菜单
餐厅菜单
班时间表
班时间表
运费
运费
支持办公桌时间
支持办公桌时间

如何在 Elementor 中制作表格

在 Elementor 面板中,小部件称为动态表。

  1. 安装 Elementor 的主插件并检查它 动态表 在主插件小部件设置中打开。
  2. 使用 Elementor 编辑您的页面,搜索 动态表 zai拖进去,它以一个样本四列表开头。
  3. 在 桌子头,加一 表标头单元格 每列并键入每列 列名称.
  4. 在 桌体zuo到右,每格加一项,打开 新行? 在第一个之后的每一行的第一个单元格上。
  5. 用 列跨度 或 行跨度 "单元格的选项"选项卡中合并单元格。
  6. "样式"选项卡中为表格样式并离开 响应表? 在手机上堆叠行,然后更新页面。

动态表常见问题

了解用户对动态表询问最多的查询,并在一个地方找到答案。
Elementor 中有表小部件吗?

Elementor 本身中没有,免费或 Pro。Master Addons 免费添加一个:动态表小部件从面板中的标头和主体单元构建表。

是的,使用 Responsive Table? 打开,这是默认值。在宽度高达 768px 的设备上,每行堆叠成一张卡片,每个单元格都显示其列名作为标签。将其关闭以保持手机上的正常表格布局。

是的,每个单元格一个值。标头和正文接受动态标签,包括帖子标题、自定义字段和作者信息等免费主插件动态标签。该小部件不会为每个帖子创建一行,因此每一行仍然由手工构建。

不 . Elementor Pro 为计划添加了价格表小部件,但核心插件和 Pro 都没有用于数据行和列的小部件。 您需要一个附加组件,例如动态表、表插件或您自己的 HTML。

是的。 将表 HTML 粘贴到 HTML 小部件中,并使用您自己的 CSS 样式,或使用网格容器布局行。 两者都适用于小表,尽管每次更改都意味着编辑代码或许多单独的小部件。

如果我在单元格中添加很长的文本会发生什么?

文本包裹在单元格内部。在单元格的"选项"选项卡中打开自定义宽度以固定列宽,如果行感觉局促,则抬起"内单元格填充"。

不是单一设置。颜色适用于整个标头或整个主体。对于计划表, 定价表 小部件(免费)有一个突出显示选项,并且 比较表 widget (Pro) 是为计划比较而构建的。

No。widget 没有排序、搜索、分页或 CSV 导入,对于那些,使用数据表插件如 TablePress,将其短代码放在页面上。

是的。 在 TablePress 中构建表,复制其短代码,例如 [ 表 ID=1 /],并将其粘贴到 Elementor 短代码小部件中。 该路线适合需要排序、搜索或分页的长桌。

不 。 每个单元格是面板中的一个单独项目,因此粘贴的块落在一个单元格中。 一次输入单元格,或将文件导入到 TablePress 中,该文件读取 CSV 和 Excel 文件。

趋势元素小部件和扩展

在更短的时间内构建复杂的网站。

Elementor 的 Master Addons Glassmorphism 扩展:模糊值控件设置为 20px 的磨砂玻璃卡

玻璃态

首页 免费元素玻璃化扩展:一键玻璃化中的磨砂玻璃效应是磨砂的。。。
查看详细信息
Elementor 的主插件容器额外扩展:容器上限为 1400px 最大宽度,具有最大宽度、最大高度、最小宽度和最小高度控制

集装箱附加信息

主页 Elementor 容器最大宽度和最大高度控制容器附加功能是免费的 Master。。。
查看详细信息
Elementor 的 Master Addons Patterns 扩展:具有紫色渐变网格左侧样式的英雄、另外三种图案样式和启用图案面板

图案

主页 70 多个免费元素器背景模式 模式是一个免费的主插件扩展,可添加...
查看详细信息
Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案

帖子/页面复制器

主页 一键复制元素器页面和帖子 帖子/页面复制器是免费的 Master。。。
查看详细信息
Elementor 的主插件阅读进度条扩展:隐私政策页面顶部填充 42% 的蓝色条,具有启用、位置、高度和填充颜色设置

阅读进度吧

主页 在 WordPress(元素)中添加阅读进度栏 阅读进度栏是免费的。。。
查看详细信息