jQuery treeTable树型结构展示
Jquery 的 treeTable 树型结构展示,页面简洁,结构清晰,挺适合拿来做后台管理的层级数据展示。里面有原版的 Demo,还附带了我自己剥出来的一个精简 Demo,方便你理解结构逻辑和调用方式,改起来也更快。
树型结构展示的需求在前端开发里挺常见的,是权限管理、分类列表这类模块。用 treeTable 可以直接搞定,基本不用自己去折腾嵌套列表结构,也不用写递归,比较省心。
用法其实不复杂,核心是加上data-tt-id
和data-tt-parent-id
这两个属性,插件会自动识别层级关系。结构对了,它就能展开收起,响应也快。
有官方 Demo 可以跑着看,另外我单独拎出来一个简单版,文件少,适合你先摸清楚套路再集成到项目里。
如果你还在选树型插件,DTREE 也挺火的,功能丰富但相对复杂些;或者你想看看别的语言实现,可以瞄一眼 Swift、C# 的树结构例子,逻辑上也差不多。
建议你在引入前,先整理好你的数据结构,是父子 ID 这块,不然即使样式出来了,数据也跑不通哦。
相关链接我也放这了,挑你感兴趣的点进去看看吧。
401.92KB
文件大小:
评论区