jquery----TreeTable

最新推荐文章于 2024-08-10 08:45:22 发布

weixin_30702887

最新推荐文章于 2024-08-10 08:45:22 发布

阅读量301

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yanxiaoge/p/10911559.html

版权

示例

下载地址

http://plugins.jquery.com/treetable

使用文档

http://ludo.cubicphuse.nl/jquery-treetable/

$(function(){
            $("#_treeTable").treetable({
                expandLevel : 2,
                column:1,
                expandable:true
            });
        });

转载于:https://www.cnblogs.com/yanxiaoge/p/10911559.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30702887

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

用jQuery的treetable实现的树形table

10-25

用jQuery的treetable实现的树形table

jQuery treeTable

xfy196的博客

04-18

2439

jQuery treeTable treeTable 是跨浏览器、性能很高的 jQuery 的树表组件，它使用非常简单，只需要引用 jQuery 库和一个 js 文件，接口也很简单优点：兼容主流浏览器：支持 IE6 和 IE6+, Firefox, chrome, Opera, Safari 接口简洁：在普通表格的基础上增加父子关系的自定义标签就可以组件性能高：内部实现了只绑定了 tabl...

参与评论您还未登录，请先登录后发表或查看评论

jQuery Treetable 教程

最新发布

gitblog_00332的博客

08-10

284

jQuery Treetable 教程 jquery-treetablejQuery plugin to show a tree structure in a table项目地址:https://gitcode.com/gh_mirrors/jq/jquery-treetable 1. 项目目录结构及介绍以下是jQuery Treetable项目的典型目录结构： . ├── css ...

jquery treetable，初步使用

qq_52877804的博客

07-31

604

myTreeTable 是一个treetable要用的一个容器，treeTableList是需要从后端拿到数据后，用js动态生成相应的dom结构,在添加进去。initialState: 'collapsed', // 初始展开状态，默认为 'collapsed'expandable: true, // 是否允许展开/折叠，默认为 true。indent: 20 , // 每个层级的缩进量，默认为 19。//这个true，如果是会刷新树的话，要带上。var root='0' //根节点。

JQ树形菜单加表格混合使用:treeTable组件使用

是日已过，命亦随减的博客

07-02

906

前端: <div class="demo-side" style="margin-top: 50px"> <table id="demoTreeTb"></table> </div> js:  <script type="text/html" id="tbBar"> <a class="layui-btn layui-btn-primary layui-btn-xs"

jquery插件treeTable

02-22

561

简介 treeTable是跨浏览器、性能很高的jquery的树表组件，它使用非常简单，只需要引用jquery库和一个js文件，接口也很简单。优点兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari 接口简洁: 在普通表格的基础上增加父子关系的自定义标签就可以组件性能高: 内部实现了只绑定了table的事件、使用了c...

jquery-TreeTable树型结构源码及示例

05-11

这个"jquery-TreeTable树型结构源码及示例"压缩包包含了实现这一功能的核心源码和示例，帮助开发者更好地理解和应用这个插件。首先，jQuery TreeTable的基本概念是利用HTML表格的特性，通过添加特定的CSS类和使用...

jquery-treetable

10-19

8. **兼容性**：`jQuery-treetable` 基于 jQuery，因此它通常与大多数现代浏览器兼容，但需要确保你的项目已经引入了 jQuery 库。总之，`jQuery-treetable` 是一个强大的工具，它为 HTML 表格提供了树形结构的展示...

jquery-treetable-master

11-20

《jQuery TreeTable详解——构建灵活的树形表格与菜单控件》在Web开发中，数据展示往往需要灵活多样的形式，尤其是当数据之间存在层级关系时，树形表格（TreeTable）便成为了一种非常实用的展示工具。jQuery ...

jquery-treetable-ajax-example:带有 D&D 支持的 AJAXified jQuery treeTable 表的 Ruby on Rails 示例

07-13

jQuery treeTable AJAX 示例此示例演示了将 jQuery treeTable 插件 ( ) 用于启用... cd jquery-treetable-ajax-examplebundle installbundle exec rake db:createbundle exec rake db:migratebundle exec rake db:seeds

JQuery.TreeTable基础使用

编程语言小筑

02-20

489

最近开始做个TreeTable，正好有一项功能需要用到jquery，然后再网上基于jquery使用的treeTable。 Doc:http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/ Download:https://github.com/ludo/jquery-treetable 对于编写代码要注意，tr的ID命名都是有规则的哦,如...

TreeTable树表jq实现

07-21

jq实现的一个树表，原本也是下载别人的，但还原本载入以后所有节点是展开的，还有打开一个节点以后所有子节点就全部打开了，本人修改了一下程序默认全部节点是合着的，打开节点也不会自动打开子节点，但是合上以后子节点就都和合上了，本人jq不是很熟，希望有大师帮忙吧这个改了。

jquery 实现的树形表格结构

01-16

treeTable是跨浏览器、性能很高的jquery的树表组件，它使用非常简单，只需要引用jquery库和一个js文件，接口也很简单。优点 ◦兼容主流浏览器: 支持IE6和IE6+, Firefox, chrome, Opera, Safari ◦接口简洁: 在普通表格的基础上增加父子关系的自定义标签就可以 ◦组件性能高: 内部实现了只绑定了table的事件、使用了css sprite合并图片等 ◦提供两种风格: 通过参数来设置风格

Jquery TreeTable

12-01

TreeTable示例，允许自定义table样式，自定义td数量及内容，仿zTree动态绑定数据

Jquery TreeTable及示例，仿zTree绑定数据方式，亲测能用

01-06

Jquery TreeTable及示例，仿zTree绑定数据方式，亲测能用

treetable php,第105款插件：jquery.treetable.js的使用

weixin_33460449的博客

04-14

504

[TOC]之前我们用过 ztree.js，它是有一个json数据，然后将之变为树状结构！现在我们的情况是有一个表格，想将之变为树状结构，怎么来操作呢？下边我来为大家介绍一款jquery的插件jquery.treetable.js插件，这款神器就是这样诞生的！演示地址插件介绍1、GitHub 地址官方网站：https://github.com/ludo/jquery-treetable备注：clon...

使用JQuery TreeTable实现树形表格

热门推荐

PxzBoss的博客

12-25

3万+

首先了解什么是TreeTable？ treeTable 是跨浏览器、性能很高的 jQuery 的树表组件，它使用非常简单，只需要引用 jQuery 库和一个 js 文件，接口也很简单。优点：兼容主流浏览器：支持 IE6 和 IE6+, Firefox, chrome, Opera, Safari 接口简洁：在普通表格的基础上增加父子关系的自定义标签就可以组件性能高：内部实现了只绑定了 ta...

jquery treetable

qq_41816742的博客

12-08

1123

假设有三个节点：A、B（节点A 的子节点）和C（节点B 的子节点）。如果按照以下顺序在 HTML 表中为这些节点创建行A-C-B，则树将无法正确显示。您必须确保行的顺序是A-B-C。表格中是这样的 html <table id="treeTable" class="layui-table"> <tr data-tt-id="1"> <td>A</td> </tr> <tr ...

jQuery插件 treeTable V1.4.2 与 bootstrapTable整合

csdnluolei

01-24

2798

想做一个菜单管理，将菜单比较直观的展示出来，于是想到树，于是就在网上找看有没有树表，找了很多。比较起来感觉詹潮江的 jQuery插件 treeTable V1.4.2比较好用。最近老是用bootstrapTable用的很熟了，然后，将它与bootstrapTable整合，管理起来很方便。 jQuery插件 treeTable V1.4.2 链接：https://pan.baidu.com/s/...

treetable php,jQuery树型表格插件jQuery treetable

06-13

TreeTable是一款基于jQuery的树型表格插件，可以让我们方便地展示具有层级关系的数据，如分类、部门等等。以下是使用TreeTable实现树型表格的PHP代码示例： ```php <?php // 模拟数据 $data = [ [ 'id' => 1, 'name' => '分类1', 'parent_id' => 0, ], [ 'id' => 2, 'name' => '分类2', 'parent_id' => 0, ], [ 'id' => 3, 'name' => '子分类1', 'parent_id' => 1, ], [ 'id' => 4, 'name' => '子分类2', 'parent_id' => 1, ], [ 'id' => 5, 'name' => '子分类3', 'parent_id' => 2, ], ]; // 生成树状结构数据 function buildTree($data, $parentId = 0) { $tree = []; foreach ($data as $item) { if ($item['parent_id'] == $parentId) { $children = buildTree($data, $item['id']); if ($children) { $item['children'] = $children; } $tree[] = $item; } } return $tree; } // 生成HTML表格 function buildTable($tree) { $html = ''; foreach ($tree as $item) { $html .= '<tr data-tt-id="' . $item['id'] . '"'; if (isset($item['children'])) { $html .= ' data-tt-parent-id="' . $item['parent_id'] . '"'; } $html .= '>'; $html .= '<td>' . $item['name'] . '</td>'; $html .= '</tr>'; if (isset($item['children'])) { $html .= buildTable($item['children']); } } return $html; } // 生成树状结构数据 $tree = buildTree($data); // 生成HTML表格 $table = '<table class="table table-bordered" id="tree-table">'; $table .= '<thead><tr><th>名称</th></tr></thead>'; $table .= '<tbody>' . buildTable($tree) . '</tbody>'; $table .= '</table>'; echo $table; ?> ``` 然后我们来看一下如何使用jQuery TreeTable插件来渲染这个树型表格：首先，我们需要引入jQuery和TreeTable插件的js和css文件： ```html <link href="https://cdn.bootcdn.net/ajax/libs/jquery-treetable/3.2.0/css/jquery.treetable.min.css" rel="stylesheet"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery-treetable/3.2.0/jquery.treetable.min.js"></script> ``` 然后，在页面加载完成后，执行以下代码来渲染树型表格： ```js $(function () { $('#tree-table').treetable(); }); ``` 这样，我们就可以使用TreeTable插件来渲染树型表格了。