关于jquery TreeTable的用法及遇到的问题(不显示展开和收起的图标)

在github上下载TreeTable

基本用法

引入

    <link rel="stylesheet" href="/static/assets/plugins/jquery-treetable/css/jquery.treetable.css" >
    <link rel="stylesheet" href="/static/assets/plugins/jquery-treetable/css/jquery.treetable.theme.default.css" >
    <script src="/static/assets/plugins/jquery-treetable/jquery.treetable.js" >script>
                            <table class="table table-hover"  id="myTreeTable">
                                <thead>
                                <tr>
                                    <td>idtd>
                                    <td>名称td>
                                    <td>排序td>
                                tr>
                                thead>
                                <tbody>
                                    <c:forEach items="${list}" var="tbContentCategory">
                                       <tr  data-tt-id="${tbContentCategory.id}" data-tt-parent-id="${tbContentCategory.parentId}">
                                           <td>${tbContentCategory.id}td>
                                           <td>${tbContentCategory.name}td>
                                           <td>${tbContentCategory.sortOrder}td>
                                tbody>


                            table>
//根据id初始化
        $("#myTreeTable").treetable({

            expendLevel:2,//默认展开层数
            column:1,//第一列开始转换成 数状结构
            expandable:true,//可以选定展开,默认为false,无法点击
            stringExpand:"展开",//国际化
            stringCollapse:"收起",//国际化
           
        });

**需要注意的是,他拿到的数据必须是有一定排序的,类似深度搜索,例如如果你的目录结构为
A
  B
    C
  D
    F
  G
    B
**
则这个集合数据的顺序必须为ABCDFGB 否则会样式不正确

开始没有导入

你可能感兴趣的:(项目)