wordpress网站如何插入表格，两个途径教你简单上手

wordpress 03-06 2324

WordPress如何发布表格文件？我浏览过很多推荐服务器的网站，那些网站把服务器配置价格都用表格演示出来，相比于直接书写文本句子，表格更能直观的把不同服务器配置价格表现出来，对于小白来说，能够更容易得看出那款服务器更适合自己。对于站长来说，表格更省事，表达更清楚。这里就介绍一个WordPress插件和代码用来新建表格！

1.在wordpress后台插件中心搜索TablePress插件，安装插件。

2.安装好插件之后点击插件

wordpress网站如何插入表格，两个途径教你简单上手

3.新建表格文件，这里需要先新建表格，在写文章时候插入文章就可以了。

wordpress网站如何插入表格，两个途径教你简单上手

通过填写表格内容完成表格创建，很方便就能在文章里面插入表格。

可选功能：

表格标题行: 表格的第一行是表头（标题行）。

表格脚注行: 表格最后一行是表格脚注。

交替行背景色: 交替变换连续行的背景颜色。

鼠标悬停时高亮行: 当鼠标选定在某行上方时，通过改变背景颜色来高亮该行。

显示表格名称: 将表格名称显示在表格的。

显示表格描述: 将表格描述显示在表格的。

使用 DataTables: 为此表格启用下面的 DataTables JavaScript 库特性：

排序: 为访客提供表格排序功能。

搜索/过滤: 为访客启用过滤或搜索表格的功能。只显示包含搜索词的行。

分页: 为访客启用表格分页功能（一次只显示表格中的有限几行）。

每页显示 10行。

分页长度可变: 当使用分页功能时，允许访客改变每页显示的行数。

信息: 启用表格信息显示功能，显示当前可见数据的信息，如行号等。

水平滚动条: 显示水平滚动条，在查看列数比较多的表格时比较方便。

代码创建表格：

```html

/*----------table----------*/

table.table {

border-spacing:2px;

border-collapse:separate;

background-color:#FFF;

border-color:gray;

border-style:outset;

border-width:1px;

}

table.table th {

background-color:#FFF;

-moz-border-radius:0;

border-color:gray;

border-style:inset;

border-width:1px;

padding:1px;

}

table.table td {

-moz-border-radius:0;

border-color:gray;

border-style:inset;

border-width:1px;

padding:1px;

}

```

在wordpress插入表格可以用sublime编辑之后通过wordpress编辑器插入代码。

wordpress网站插入表格方式千千万，代码简洁高能，插件简单方便适合小白。选择最适合自己的方式来创建表格是提高效率的最好办法。

标签：