快速制作漂亮的表格

  [复制链接]
查看: 1100   回复: 19
发表于 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了



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 16T币 +26 收起 理由
ryan2101 + 1 楼主好牛
daniel6769 + 2 都有心!
wawylysys + 2 認眞參與
gger + 4
001 + 1
Terry + 1
bbhit + 2 谢谢分享!
weijinmen + 2
idea2money + 1
lion + 1 送花花~~~
专心 + 1
得失 + 1 認眞參與
若鱼 + 3 鼓勵
pitch + 1 認眞參與
zhyuan200 + 1 認眞參與
zgytljswzk + 2

查看全部评分

发表于 2013-9-11 12:05:10 | 显示全部楼层
收藏了,谢谢!!!!!!!!!!!!1
回复 支持 反对

使用道具 举报

发表于 2013-9-11 12:37:31 | 显示全部楼层
实用的方法,谢谢分享
回复 支持 反对

使用道具 举报

发表于 2013-9-11 13:00:03 | 显示全部楼层
不错,很实用的网站   
回复 支持 反对

使用道具 举报

发表于 2013-9-11 13:39:17 | 显示全部楼层
不错  网络资源很丰富  就看自己整合的能力了   
回复 支持 反对

使用道具 举报

发表于 2013-9-11 13:56:54 | 显示全部楼层
很不错的方法,收藏 了快速制作漂亮的表格
回复 支持 反对

使用道具 举报

发表于 2013-9-11 14:58:45 | 显示全部楼层
感谢楼主的分享
很有用谢谢
回复 支持 反对

使用道具 举报

发表于 2013-9-11 15:10:20 | 显示全部楼层
非常实用,收藏备用 快速制作漂亮的表格
回复 支持 反对

使用道具 举报

发表于 2013-9-11 15:13:33 | 显示全部楼层
本帖最后由 mumuriwang 于 2013-9-11 15:18 编辑

真心的感觉很好···收藏着!快速制作漂亮的表格但好像伸张的空间有限···比如更多的产品比较的话,就没法弄了!

回复 支持 反对

使用道具 举报

发表于 2013-9-11 16:15:33 | 显示全部楼层
太好了很好的方法,谢谢,
回复 支持 反对

使用道具 举报

发表于 2013-9-11 17:24:15 | 显示全部楼层
mark一下,将来可能用的上
回复 支持 反对

使用道具 举报

发表于 2013-9-11 17:29:26 | 显示全部楼层
很不错,这个也不错
http://www.tablesgenerator.com/html_tables
回复 支持 反对

使用道具 举报

发表于 2013-9-11 17:40:15 | 显示全部楼层
这个不错 又学习到一点知识 收藏备用 感谢楼主
回复 支持 反对

使用道具 举报

发表于 2013-9-11 21:22:13 | 显示全部楼层
非常好,谢谢分享,收藏备用。   
回复 支持 反对

使用道具 举报

发表于 2013-9-11 21:40:11 | 显示全部楼层
谢谢分享 表格是个很常用又很实用的工具啊
回复 支持 反对

使用道具 举报

发表于 2013-9-11 21:54:01 | 显示全部楼层
很实用,收藏了以后可能用的着。可惜今天没分加了
回复 支持 反对

使用道具 举报

发表于 2013-9-11 21:59:56 | 显示全部楼层
很给力,做amazon经常用到表格,收藏加分拿下
回复 支持 反对

使用道具 举报

发表于 2013-9-12 09:43:02 | 显示全部楼层
好工具,谢谢分享快速制作漂亮的表格
回复 支持 反对

使用道具 举报

发表于 2013-9-12 11:34:39 | 显示全部楼层
收藏备用,正在找这个功能呢
回复 支持 反对

使用道具 举报

发表于 2013-9-15 11:19:30 | 显示全部楼层
楼主的办法很实用,感谢分享。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则