不容错过的精美的树形表格treegrid在项目里面使用总结

一 问题描述:

树形表格TreeGrid在日常项目中还是运用的比较多的,哪究竟都在什么地方使用呢?

二 使用场景

TreeGrid它具体使用在什么地方?

首页您要用TreeGrid,肯定是它的特点满足您的需求,所有您才去使用。那它究竟能在项目里面用在哪些地方呢
最显著的特点 就是,您的数据有层级结构,所有才使用树形的。说直白一点就是 有子级 有父级,那么这个数据
就可以使用TreeGrid进行展示。
···
记住一句话:
知识不是学的多就有意义,而是用的多才能体现价值,如果你学一个知识,永远都不去用,那这个东西就没有任何价值
···
所有这个TreeGrid 我们就用在 权限系统 里面菜单管理里面就可以使用.
具体的源码挂在 码云上面 https://gitee.com/soul_PreCoder
下面我们就菜单模块为例进行说明使用;

三 使用步骤

第一步.首先我们需要在项目中,引入TreeGrid组件 需要引入的文件

<!-- 引入treegrid-->
 <link rel="stylesheet" th:href="@{/static/js/plugins/bootstrap-table-treegrid/jquery.treegrid.min.css}">
 <script type="text/javascript"  th:src="@{/static/js/plugins/bootstrap-table-treegrid/bootstrap-table-treegrid.js}"></script>
 <script type="text/javascript"  th:src="@{/static/js/plugins/bootstrap-table-treegrid/jquery.treegrid.min.js}"></script>

第二步. 需要在页面定义一个容器

<div>
    <div>
       <h1></h1>
          <table id="menuTable"
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值