博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用zTree控件制作的表格形式的树形+数据菜单
阅读量:6634 次
发布时间:2019-06-25

本文共 2048 字,大约阅读时间需要 6 分钟。

測试了一下,兼容ie7以上,

chrome

opera

ff

不使用对方css

/*-------------------------------------zTree Styleversion:	3.4author:		Hunter.zemail:		hunter.z@263.netwebsite:	http://code.google.com/p/jquerytree/-------------------------------------*/.ztree .clear:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }.ztree .clear{ zoom:1; }.ztree .fleft{float:left; }.ztree .fright{float:right; }.ztree li{vertical-align:bottom/*ie7 bug*/;}.ztree,.ztree ul,.ztree li{padding: 0px;margin: 0px;display: block;width: 100%;}.ztree table{border-collapse:collapse;width:100%;border-spacing:0;border: 1px solid #bcbcbc;}.ztree .tableA{display: block;width: 100%;color: black;text-decoration:none;cursor: default;}.ztree .tableA:hover{background-color: #fafafa;}.ztree a.tableA:focus {outline:none!important;}.ztree table td{text-align:center;padding: 10px;}.ztree .td1{width:40%;}.ztree td.cline{border-left: 1px solid #bcbcbc;border-right: 1px solid #bcbcbc;}.ztree .td2{width:10%;}.ztree .td3{width:10%;}.ztree .td4{width:10%;}.ztree .td5{width:10%;}.ztree .td6{width:10%;}.ztree .td7{width:10%;}.ztree .ztitle td{background-color: #fafafa;height: 40px;}.ztree .ztitle .td1 .box{position: relative;width: 100%;height: 100%;}.ztree .ztitle .td1 .plb{position: absolute;left:40px;bottom: 0px;white-space: nowrap;}.ztree .ztitle .td1 .ptr{position: absolute;right:40px;top: 0px;white-space: nowrap;}.ztree .data {border-top:0px none;}.ztree .data .td1{text-align: left;}.ztree .data .break{white-space: normal;word-wrap: break-word;word-break: break-all;}.ztree .data .switch{cursor: pointer; text-align:left;}.ztree .data .switch{background:no-repeat 10px center; padding-left: 25px; }.ztree .data .center_open{background-image:url(./img/show.png); }.ztree .data .center_close {background-image:url(./img/hide.png); }.ztree .data .center_docu {background-image:url(./img/child.png); }

html代码

                
主动流失率

    你可能感兴趣的文章
    Android网络编程之9Retrofit2前篇[基本使用]
    查看>>
    javascript设计模式--单例模式
    查看>>
    通过Maven配置生成个人项目Jar包(或者+依赖包)
    查看>>
    块存储、对象存储和文件系统: 它们对容器而言意味着什么?
    查看>>
    IOS渗透测试第一步-基础知识统一放送
    查看>>
    URL中?和# 的差别
    查看>>
    Hexo进阶高级教程(一)
    查看>>
    React 组件解耦之道
    查看>>
    20170614-数组去重
    查看>>
    Angular 4.x Router Link Directives
    查看>>
    opencv做的小东西
    查看>>
    DataTables表格插件使用说明
    查看>>
    DevOps和容器:本地or云端,如何选择?
    查看>>
    01背包问题
    查看>>
    treer:命令行生成目录结构的实用小工具
    查看>>
    RHEL 7配置NFS服务笔记
    查看>>
    【Servlet】04-使用Session
    查看>>
    我们该如何做好Code Review?
    查看>>
    padStart 的 polyfill
    查看>>
    IBM发布全球首台商用量子计算机
    查看>>