TableTree4J Vesion 2 发布 动态实现javascript 表格树(树型表格、菜单)

iview框架Table组件开启Tree结构(表格内嵌树状数据)节点操作卡顿解决方案 iview表格内嵌Tree卡顿 阅读详情

 

2010-6-13日正式发布,时隔两年,众多网友要求我升级tabletree4j,终于有少少空余时间完成了beta版本发布

  对比之前的版本本次更新包括以下内容:
  1.完整的包命名空间
  2.自定义header footer
  3.动态添加节点/动态删除节点/动态移动节点
  4.动态dom对象创建表格树
  5.完美支持json格式数据,支持xml(需转换)
  6.支持ajax加载节点
  7.事件驱动
  8.可以动态根据列内容排序
  9.简化函数参数,利用{} object输入参数,风格类似Extjs
  10.树状结构可以选择出现在某一列,不一定要在第一列
  11.支持theme,纯css定制表格树,可以自由定制theme,包括图标/节点大小等
  12.表格树从右到左显示
  13.本地节点搜索,服务器端节点搜索(未实现待完成)
  14.无变化重新刷新整个树Refresh
  15.支持插件开发,可以为树添加更多功能,例如下拉框树,选择框树,可编辑内容的树,拖动节 点等都可以很容易自己实现或者根据第三方js实现

 

最新版本下载主页:
 
百度百科地址

email:lannerk@qq.com

表格模式


菜单模式


树形表格插件TreeTable示例下载与应用 本文还有配套的精品资源,点击获取 简介:TreeTable是一个JavaScript插件,用于将普通表格转化为具有树状结构的表格,特别适用于处理层级数据如组织结构、目录结构等。下载的示例展示了如何在项目中集成和使用此插件,包含HTML、CSS和JavaScript代码以及示例数据。通过学习该示例,开发者可以掌握树形表格插件的工作原理,并根据需求进行定制,从而提升Web应用的... 阅读详情

相关推荐

TableTree 表格树

实现在表格中显示树形结构,支持动态添加,删除。 花了10个小时终于写出来了。 贴出来分享一下。 包含封装后的成品和封装前源代码。

el-table+el-tree+el-select动态选择对应值

综合使用el-table+el-select+el-tree来实现element中el-table表格嵌套el-select,动态选择对应值

袁的博客 4970

树形表格 treetable 完整版 带演示demo例子

对网上的树形表格treeTable进行了二次开发扩展,带演示demo例子

写一个使用table表格的动态Tree/List生成脚本

在公司里常写一些系统设置管理方面的页面,一项一项的列表要实现动态编辑显示,还有一些列表是带树状结构的。总之,写一个动态管理table列表的脚本还是有必要的,反正也没太怎么找网上的开源项目,没看到有符合我的需求东东。空闲时间自力更生,写了这么个东西。 图 1,   2,  附件及demo下载   晚上没事干,花了2个小时优化了一下代码,现在运行起来较原来的速度快了很多 现将测试...

汉拔泥的老家 170

从 0 到 1,实战 Power BI 电商销售可视化看板全流程

本文详细介绍了从零开始使用Power BI构建电商销售可视化看板的全流程,涵盖数据准备、建模、可视化设计及高级功能应用。通过实战案例展示如何将复杂销售数据转化为直观图表,帮助电商从业者快速掌握销售趋势、热销产品和用户画像等关键信息,提升数据分析效率。

weixin_29061041的博客 485

告别视频广告:OpenWrt下luci-app-adbyby plus/lite的完整配置与避坑手册

本文详细介绍了在OpenWrt路由器上配置Adbyby Plus/Lite广告屏蔽工具的完整流程与优化方案。从环境准备、规则文件手动配置到高级性能调优,帮助用户有效拦截视频前贴片广告和弹窗广告,提升家庭网络浏览体验。特别针对官方源停止维护的问题,提供了实用的规则更新解决方案。

weixin_29306011的博客 743

使用TableTree4J实现javascript 表格树(树型表格、菜单)

TableTree4J TableTree4J 是一个开源的基于javascript的树状菜单和表格控件使用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单目前TableTree4J版本为1.1Re版,支持以下功能 1.多种模式切换,样式更改 2.cookies保存树状状态 3.节点自定义排序 4.全浏览器支持 5.支持所有树状控件的基本功能

lannerK的专栏 5905

设备管理器找不到蓝牙?从驱动到BIOS的系统排查指南

在Windows系统中,蓝牙功能依赖硬件、驱动、系统服务三层协同工作。设备管理器作为硬件状态的可视化窗口,当蓝牙设备消失时,往往意味着某一层链路中断。常见原因包括BIOS无线开关关闭、驱动异常、蓝牙支持服务被禁用,或系统文件损坏。排查思路应从基础概念出发,先理解蓝牙设备在设备管理器中的四种隐藏位置,再通过扫描硬件、检查BIOS、重装驱动、修复服务等步骤逐层定位。这一方法不仅适用于Windows电脑,也适用于HC-05、ESP32等嵌入式蓝牙模块,因为硬件、协议栈、应用层的故障逻辑相通。掌握这套技术价值在于减

weixin_33377602的博客 269

使用JQuery TreeTable实现树形表格

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

PxzBoss的博客 3万+

整合WGCNA、机器学习和孟德尔随机化

(G)通过蛋白质免疫印迹法(Western blot)测定的 UT-B(由 SLC14A1 编码)、ARHGEF38、NEFH、MSMB、KRT23 和 KRT15 在前列腺癌肿瘤组织和癌旁非癌组织中的蛋白质表达水平。本研究利用来自基因表达综合数据库(GEO)的数据集筛选差异表达基因(DEGs),并采用加权基因共表达网络分析(WGCNA),以识别在模块中与前列腺癌高度相关的驱动基因。(F)蓝绿色模块中的模块成员关系(MM)与前列腺癌(PCa)的基因显著性(GS)的散点图。(D)6 个基因之间的相关性分析。

多组・学・多组学 1140

避坑指南:PyCINRAD处理CINRAD雷达数据时遇到的5个典型报错及解决方案

本文针对使用PyCINRAD库处理CINRAD雷达基数据时常见的5个典型报错,提供了详细的解决方案。内容涵盖环境配置、数据读取、PPI可视化及性能优化等核心环节,重点解决了版本兼容性、数据异常处理和中文乱码等实际问题,帮助用户高效处理雷达基数据并生成准确的PPI图像。

cc789的博客 1068

TableTree4J

1.树的设置选项 Object: TableTree4J Java代码   "font-size: small;">设置选项说明:   config.treeMode: 树的显示模式,值: "GRID"|"MENU"   config.treeStyle: 树的样式,值: "GRIDTREESTYLE"|"MENUTREESTYLE"   config.daf

2245

ESP32-C3芯片通过蓝牙控制开锁功能

定义BLE服务和特征,用于接收开锁命令。0x00FF// 服务UUID0xFF01// 特征UUID4// 句柄数量// 特征值// 特征属性// 处理GATT服务器事件// 处理事件(详细代码见下文)// 注册GATT回调if (ret) {return;// 创建GATT服务器。

m0_46145044的博客 921

table-tree 表格树、树形数据处理、数据转树形数据

前言 公司想搞个表格树的展示页面,看着element有个表格树,还以为可以用。 用出来只用表格没有树,研究半天没研究个所以然,只能从新找个 npm里找到一个:vue-table-with-tree-grid 正文 element的坑 element:http://element-cn.eleme.io/#/zh-CN/component/table ...

dinghuoruo0011的博客 3767

使用python获取同花顺免费版和同花顺远航版自选股数据用于量化交易

在做量化交易时,有时需要在盘中实时监控同花顺自选股的数量,以便灵活地自定义提醒、捕捉买卖时点等。那么,如何使用python获取同花顺自选股数据呢?

tzzqn2008的专栏 3687

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能:商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传,基本资料下载,开钱箱、小票打印、收款结算,支持多币种付款方式(现金、储值卡、礼券、微信等),支持多种促销。运行环境:.net 4.0登陆信息用户名:1001 密码:123456内置商品信息,商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

elementUI 表格树使用 tableTree

elementUI 表格树使用 tableTree效果图一、load懒加载方式1.页面2.load方法二、使用el-table-tree-column标签1.页面2.接口返回数据结构三、注意 效果图 一、load懒加载方式 1.页面 代码如下(示例): <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" :header-cell-style="{background:'rgba(250,250

weixin_43678533的博客 8304

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

Layui表格树、表格合并+表格折叠树

layui表格

努力的nana 2089

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

tabletree使用

设计图是这样子的:(看起来像table又有tree) 这里的部门跟业绩是两个不同的接口,这里我是使用jquery-tabletree来解决的:可以参考这个http://www.jq22.com/jquery-info14949 下面是我的实现代码: 核心引入: <linkrel="stylesheet"type="text/css"href="css/tree...

qq_39189369的博客 1371

TableTree4J 树形目录

var gridTree; function showGridTree(){ gridTree=new TableTree4J("gridTree",""); gridTree.tableDesc=""; var headerDataList=new Array("","知识点名称","描述","掌握程度","操作"); var widthList=new Array("5%"

u012406790的专栏 1735

tableTree4j的应用实例

最近在公司的一个项目中用到了tableTree4j这个树形列表的框架,于是在完成功能的前提下,我也研究了一下这个框架,下面我将写一个案例来介绍这个框架 首先我们需要写一个js,如下   var action="add"; var pubmenuid; var pubrownum; var gridTree; //实时统计树形菜单 // 页面加载 function init...

WANG · XIN 529

TableTree4J的全结点展开, 显示居中以及Array.prototype

最近两个月在某国有大银行的软件中心实习, 实习生嘛

cinneptio的专栏 2118

解读 LWUIT 之六:使用表格(Table)和树(Tree)

解读 LWUIT 之六:使用表格(Table)和树(Tree) LWUIT 开发指南下载 作者写的 Hello Table、Hello Tree 源代码下载         通过上面几篇博客的介绍,我们对 LWUIT 的控件有了一个大概的了解。在这篇博客里,我们将按照官方开发指南里的顺序继续介绍两个新的 LWUIT 控件—— Table 和 Tree,着重介绍它们的使用,并附加示例源代码。而

Defonds 的专栏 4917

elemnent-ui table-tree 组件

1: table-tree 组件: 此组件主要是在element-ui的el-tree的基础上,实现table-tree的组件封装,此组件主要是提供封装的思路。 <div class="content-tab"> <div class="tree-super"> <div style="border: 1px solid #D4D9E1;"> <ul class="titie"> <li>.

weixin_45677987的博客 844

iview table tree可编辑指定列

先上效果图: 需求: 1、表格里放tree 2、Formula列 可编辑下拉框 3、Min、Max 可编辑数字输入框 4、有且仅有一个编辑框显示在界面上 实现: 1、表格 <Table row-key="id" :colunms="colunms" :data="tableData" border @on-expand-tree="onexpandtree"></Table> 2、初始化参数 data(){ return{ formulaList:[{ id:0,

不积跬步何以至千里 1432

Web 版翻译者资料库

本项目是桌面版《翻译者资料库》的 Web 移植版,基于 Spring Boot 3.3、Thymeleaf、Bootstrap 5.3 与 MySQL 8.0 构建。它面向翻译写作提供资料、词汇、句库、文本工具、对照制作、查找、备份恢复及旧库迁移等功能,完整继承桌面版核心业务规则,支持一键启动与离线访问。

howard2005的专栏 149
上一篇: Eclipse3.3 简体中文包发布
下一篇: 开始整理几年技术生涯的经验和笔记
lannerK
博客等级 码龄20年 7粉丝 11原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值