WP Table Manager :样式表

1.格式

默认情况下,格式标签位于屏幕右侧。 它包含不同的参数。

 

image31

 

  • 单元格类型: 默认值或HTML。 默认类型允许您使用HTML进行计算,例如HTML插入HTML内容(例如图像)。 当您在单元格中添加HTML时,将在下一个版本中实现每个单元格的WYSIWYG编辑器。
  • 单元格背景 颜色: 当然定义背景色

 

image32

 

边框和字体选项可以应用于单个或多个单元格

 

图片33

 

行和列的宽度可以以像素为单位定义。 在表格中的任意位置选择列或行,然后验证大小。

 

2 。 主题和排序选项

在表格选项卡的右侧,您还有一个主题选择器。 只需单击一个主题即可应用它。

应用主题将替换表中的所有数据和样式。 因此,进行方法是应用主题,然后编辑数据或创建自己的主题,然后复制表。

 

主题选择

 

“自动样式功能:可帮助您使用 标题样式页脚样式 选项。 您可以选择模板样式,也可以在插件设置中设置自己的样式。

 

图片35

 

sortable参数允许您在前端对AJAX数据进行排序。

 

图片36

 

表格对齐是关于对齐包含整个表格的div,例如将所有表格居中。

 

图片37

 

也可以选择单元高亮显示。 您可以在配置中启用此功能。 默认情况下禁用。 您可以选择突出显示行来调整突出显示的颜色和不透明度。

 

表高亮

 

3 。 在单元格上添加工具提示

单元格工具提示必须从插件配置中激活 (配置菜单)。 激活后,您将在 格式 表格版中点击标签。

 

图片39

 

您可以输入以像素为单位的宽度。 编辑工具提示将带您进入带有编辑器的工具提示,以编辑工具提示。

 

工具提示编辑器

 

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

 

工具提示悬停

 

4 。 行列冻结

行或列冻结在 标签。 您最多可以冻结5行或两列。 从第一行/列开始计算。

 

冻结线

 

要冻结行,还有一个附加选项可以让您固定表格的高度(因为表格容器的高度可能无限大)。

 

冻结行

 

选择要冻结的行或列后,就可以在表格上滚动并始终显示固定的行/行。

 

固定线显示

 

5 。 过滤列数据

表格选项卡中再次提供了过滤选项。 您可以激活它以启用公共数据过滤字段。

 

过滤柱

过滤器示例:

 

响应表滚动

 

6 。 自定义CSS

让我们超越一步。 如果您是一位具有CSS技能的网页设计师,则可以在 更多标签。 您可以在单元格上添加填充和边框半径。

 

图片47

 

请注意,如果您应用了主题,则会自动添加一些自定义CSS。 当然,您仍然可以对其进行编辑。

 

仍在 更多标签,点击自定义 CSS按钮 访问CSS版本。 CSS代码使用代码镜像着色,并且可以用更少的CSS编写,它也可以工作!

 

定制表css

 

单元格,行,列具有坐标以标识每个坐标,并在其上应用自定义css。 R是行,C是列。

 

CSS显示

 

7 。 响应式WordPress表

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

WP Table Manager通过优先级工具作为一种选择来处理响应式设计。 默认情况下,响应功能处于禁用状态,会发生溢出(尽管女巫在移动设备上工作得很好)。

 

响应模式

 

响应模式是高级的,您可以定义优先级以隐藏移动设备尺寸上的列。 隐藏列时,将显示带有复选框的移动菜单,以强制显示/隐藏列。
在表格版本中,列大小是固定的。 如果所有列的大小对于容器而言都太大,则将导致溢出,并且可以轻松在移动设备上滚动。

带滚动表(最好用于少量列)

 

响应表滚动

 

隐藏列的表格(最好使用大量列)

 

57bb0cb0ac948

 

8 。 下载表

为了将您的表共享给公众,您应该启用 下载按钮 在选项 表格标签 在右侧面板上。 文件类型为* .xlsx。

 

下载表

 

9 。 分页

您可以在每个表的“表”选项卡中找到此功能。 启用并选择要在页面中显示的行数。

 

分页