视觉拖放表生成器
Forget复杂的短代码。在直观的可视化界面中构建表的整个结构。首先定义表头列(如“特征,”“价格,”“计划”)。然后, 像电子表格一样在表体中添加和管理行。需要另一行?单击添加项目。想要合并单元格?使用列跨度和行跨度控件进行复杂的布局。您可以在构建时实时看到表的形成,使过程快速、准确且完全可视化。
- 直观的标头设置:直接在编辑器中添加标头列并标记标头列以定义表的结构。
- 实时行管理:使用"添加项目"按钮即时添加、删除和重新排序主体行。
- 单元格合并功能:使用列跨度和行跨度选项创建标头组或突出显示关键单元格。
单独的标头和车身造型控制
A great table 引导眼睛 使您的页眉行脱颖而出,成为下面数据的清晰指南 完全独立地对表页眉进行样式设计 赋予它大胆的背景颜色、鲜明的文本颜色和强大的排版 调整 Inner Cell 填充使其宽敞易于阅读 这样可以创建即时可视化层次结构,帮助用户在几秒钟内扫描和理解您的数据 身体行获得自己的独立的一套造型控件,实现完美对比。
- 独立标头样式:仅将唯一的背景颜色、文本颜色和版式应用于标头行。
- 单元格填充控制:为标头单元设置自定义内单元格填充,以提高易读性和设计。
- 特定于车身的造型:将桌身行与自己的背景、文本颜色和对齐进行造型。
单元格内容:文本、图标、图像和动态数据
每个单元格都可以讲述更丰富的故事。除了简单的文本之外,插入图像或从库中选择图标以创建可视化功能检查标记 (checkmarks) 或状态指示器。最强大的是,使用动态标签将您的表连接到实时站点内容。自动提取帖子标题、自定义字段、ACF 值或用户信息等数据。创建产品比较表、员工目录或自动更新的活动时间表。
- 多格式内容:为任何身体细胞选择文本、图像或图标。
- 图标定制:样式图标在单元格内具有自己的尺寸、颜色和填充。
- 动态标签集成:使用动态数据源(例如,后元、作者姓名、自定义字段)自动填充单元格。
- 灵活对齐:控制每个单元格内内容的水平和垂直对齐,以实现精致的布局。
全球桌面造型和专业效果
将整个表格与全局设计设置绑在一起 启用条纹表格行以获得经典、易于扫描的外观并选择交替的行颜色 控制整个表格网格的整体边框类型、宽度和颜色 设置通用内单元格填充以获得一致的间距 在整个表格容器中添加背景类型(颜色、渐变) 这些全局触摸确保您的表格看起来像一个有凝聚力的、专门构建的元素,而不是单个单元格的集合。
- 斑马条纹:打开条纹桌并选择交替行颜色,以显着提高可读性。
- Border 样式:定义整个表的网格线的边框类型、厚度和颜色。
- 容器设计:添加背景并控制整个表的填充和页边距。
- 一致的间距:应用全局内单元格填充,以确保所有单元格间距均匀、舒适。
动态表常见问题
我可以将此表连接到我的自定义帖子类型或高级自定义字段 (ACF) 吗?
是的,您可以!通过身体细胞内容选择器中提供的动态标签功能。编辑单元格时,单击数据库图标打开动态标签面板。然后您可以从"“帖子标题"、"“自定义字段"、"“ACF 字段"等来源进行选择, "以填充来自您的帖子、产品或任何自定义帖子类型的实时数据来填充表格。
表在移动设备上是否响应?
Absolutely。table 设计为响应式,在非常小的屏幕上,您可能希望在 Elementor 中启用水平滚动容器或简化列数,样式(填充、字体大小)将适应,并且可以使用 Elementor 的响应式编辑模式专门针对移动视图调整设置。
我可以使用此元素创建一个带有"突出显示"列的定价表吗?
定。您将为每个定价层创建一个列。要突出显示一列(如 “Popular” 计划),您可以在徽章的标头单元格中使用"列跨度"功能,然后通过添加自定义 CSS 类或使用单独的单元格样式选项(如果在高级设置中可用),将不同的背景颜色应用于该特定列中的所有单元格。
如果我在单元格中添加很长的文本会发生什么?
您控制行为。您可以为列设置自定义宽度来控制扩展。文本将根据您的版式和填充设置在单元格内。对于长内容,请确保您有足够的行高(由垂直填充控制)以保持可读性。
与仅使用 HTML 小部件或表插件相比,这如何?
Elementor 内部,这个元素给你视觉设计控制权,与基本的 HTML 小部件不同,你不需要编写任何代码来风格化边框、颜色或对齐,与许多表插件相比,它与 Elementor 的工作流程和造型系统无缝集成,提供更加统一和高效的设计体验,而不会让你的网站因另一个独立插件而膨胀。
我可以动态排序或过滤表数据吗?
此元素主要用于静态或动态填充的显示表,它不包括内置的前端排序、过滤或搜索功能,就像数据表插件那样。对于那些高级交互功能,您需要一个专用的解决方案。该元素非常适合以设计精美的格式呈现定价、规格或时间表等固定信息。
