当前位置:网站首页 > WordPress教程 > 正文
WordPress网站添加可浮动标题排序表格的方法:TablePress
作者:98wpeu发布时间:2026-03-06分类:WordPress教程浏览:224
导读:前面给大家分享了WPTableBuilder这款表格创建插件,今天再分享一款支持表格标题浮动,并且支持排序的表格插件TablePress。TablePress可以帮你轻松创建和...
前面给大家分享了WP Table Builder这款表格创建插件,今天再分享一款支持表格标题浮动,并且支持排序的表格插件TablePress。
TablePress可以帮你轻松创建和管理漂亮的表格,然后通过段代码将表格嵌入到帖子,页面或文本小部件中。表格数据可以在类似电子表格的界面中进行编辑,因此你不会代码也可以轻松编辑。表格可以包含任何类型的数据,甚至包括将要求值的公式。另一个JavaScript库为站点访问者添加了诸如排序,分页,过滤等功能。表格可以从Excel,CSV,HTML和JSON文件导入和导出。

如何实现表格标题浮动置顶功能?
想要实现表格的第一行标题浮动到最顶上,我们需要安装Tablepress的扩展DataTables FixedHeader
安装完毕扩展后正常的使用段代码插入表格到文章里面。想要实现首行置顶显示,在段代码里面加入datatables_fixedheader=top就可以了,就像下面这样。
[table id=123 datatables_fixedheader=top /]
如果你网站的导航栏也是一直浮动显示在最顶上的,那么两个肯定会重叠显示,所以还可以加入一个偏移值,如下所示:
[table id=123 datatables_fixedheader=top datatables_fixedheader_offsettop=60 /]
除了top外,你还可以让它显示在最底下bottom
除了这款TablePress外,另外还有一款付费表格插件Advanced Tables也支持置顶显示功能。
具体使用教程参考:WordPress表格插件TablePress使用教程 – 建站笔记
下载地址
相关推荐
- Javascript:分享点击链接跳转页面与打开新窗口的一些方法 - Web前端
- 关于在运行PowerShell时,出现的错误提示【尝试新的跨平台 PowerShell https://aka.ms/pscore6】的处理方法 - Web前端
- 微软正在添加另一种使用在线服务体验包更新 Windows 11 的方法 - Web前端
- 迁移网站入坑mysql的问题:mysql无法启动、无法备份卸载以及无法同步网站数据 - Web前端
- SEO优化:您网站的自然流量在减少,那你需要注意这些事情了 - Web前端
- 了解JavaScript es6的五大数组方法:forEach()、arr.filter()、arr.every()、arr.map()和arr.some() - Web前端
- JSON应用:JavaScript转换与解析JSON方法实例详解 - Web前端
- Javascript技巧:分享eval函数组装表单输入项为json对象的方法 - Web前端
- 扩展jQuery静态方法:extend(dest,src1,src2,src3...srcN) - Web前端
- 优化网站首页轮播广告之心得 - Web前端
- WordPress教程排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


