建站资源下载详情
为您免费提供多种建站资源下载,包括网站模板下载、前端插件下载和字体下载!您只需注册为会员即可任意下载!

JQuery树形表插件treetable

来源:易助科技网浏览量:13收藏

简介


treetable是一款JQuery树形表插件。


JQuery树形表插件treetable-示例图



使用


1.  引入 jquery.js 和 treetable.js 文件


2.  HTML


<table class="table table-hover table-responsive main-list" id="columntable">
  <tr>
    <th class="">教材名称/章名称/节名称/单元名称/知识点名称</th>
    <th class="text-center">重点、常考</th>
    <th class="text-center">难点</th>
    <th class="text-center">基础</th>
    <th class="text-right"><a href="">导出</a>基础</th>
  </tr>
  <tr ng-repeat="item in treeLists" data-tt-id="{{item.id}}" data-tt-parent-id="{{item.parentid}}" on-finish-render-filters>
    <td class="">{{item.name}}</td>
    <td class="text-center">{{item.emphasis}}</td>
    <td class="text-center">{{item.difficulty}}</td>
    <td class="text-center">{{item.basis}}</td>
    <td class="text-right"><a ui-sref="node-weight-info">查看</a></td>
  </tr>
</table>


3.  调用


注意:data-tt-id="{{item.id}}" data-tt-parent-id="{{item.parentid}}"     得加上。


$('#columntable').treetable({expandable:false},true);



相关链接


官网文档 :https://plugins.jquery.com/treetable/

GitHub  地址 :https://github.com/ludo/jquery-treetable