快速制作漂亮的表格

HappySky · 发表于 2013-9-11 11:54:53

因为我本身也经常需要用到一些针对产品比较的表格，而且觉得tablepress弄表格比较麻烦，所以找到一些方法分享给大家：

1. 打开tablestyler.com这个网站，选择需要的表格样式，可以选择是否保留表格头部和底部自定义颜色样式等等大家自己看看吧：

将对应的HTML代码粘贴到WORDPRESS的POST或者PAGE里的对应位置。

2. 安装WP插件：Simple Custom CSS

激活后点设置插件，将对应生成的CSS代码放进去，点UPDATE

DONE

注意：如果需要插入不同的表格对应不同的样式，则需要对应不同的代码，只需要简单的修改一下类名称就行了，比如：<div class="datagrid"><table> 标红文字改成其他名字就OK了

zgytljswzk · 发表于 2013-9-11 12:05:10

收藏了，谢谢！！！！！！！！！！！！1

爱拉灯 · 发表于 2013-9-11 12:37:31

实用的方法，谢谢分享

得失 · 发表于 2013-9-11 13:00:03

不错，很实用的网站

phozan · 发表于 2013-9-11 13:39:17

不错网络资源很丰富就看自己整合的能力了

fantasy163 · 发表于 2013-9-11 13:56:54

很不错的方法,收藏了

weijinmen · 发表于 2013-9-11 14:58:45

感谢楼主的分享
很有用谢谢

niujing13 · 发表于 2013-9-11 15:10:20

非常实用，收藏备用

mumuriwang · 发表于 2013-9-11 15:13:33

本帖最后由 mumuriwang 于 2013-9-11 15:18 编辑

真心的感觉很好···收藏着！

但好像伸张的空间有限···比如更多的产品比较的话，就没法弄了！

d2k01 · 发表于 2013-9-11 16:15:33

太好了很好的方法，谢谢，

jayhkun · 发表于 2013-9-11 17:24:15

mark一下，将来可能用的上

bbhit · 发表于 2013-9-11 17:29:26

很不错，这个也不错
http://www.tablesgenerator.com/html_tables

龙腾山河 · 发表于 2013-9-11 17:40:15

这个不错又学习到一点知识收藏备用感谢楼主

X-Man · 发表于 2013-9-11 21:22:13

非常好，谢谢分享，收藏备用。

gger · 发表于 2013-9-11 21:40:11

谢谢分享表格是个很常用又很实用的工具啊

xjyoyo · 发表于 2013-9-11 21:54:01

很实用，收藏了以后可能用的着。可惜今天没分加了

wawylysys · 发表于 2013-9-11 21:59:56

很给力，做amazon经常用到表格，收藏加分拿下

阿尔萨斯 · 发表于 2013-9-12 09:43:02

好工具，谢谢分享

haichao · 发表于 2013-9-12 11:34:39

收藏备用，正在找这个功能呢

ryan2101 · 发表于 2013-9-15 11:19:30

楼主的办法很实用，感谢分享。

快速制作漂亮的表格

本帖子中包含更多资源

评分