react jss（react js树形表格头的宽度）



       最近在做前端开发项目中，需要用到树形结构。在网上查阅到了许多相应资源。其中觉得lightTreeview是一款非常不错的JQ树形分类菜单代码，结构简单，支持多级。还有详细的参数可以配置，以实现各种效果。

结构代码示例：

JS参数解释：

具体效果以及更详情的说明请看演示地址，以及以下：

Demo1 默认的样式

$('#demo1').lightTreeview();

Demo2

通过style值换风格,该值对应css里“treeview-xxx”中的xxx，您可以自己在CSS中建立新的风格。同时您可以直接对列表的根节点上加上一个class，值为treeview-red。

同级节点互斥。事件只响应在“+”或“-”上。

Demo3

您可以直接在列表里把需要隐藏的列表设为隐藏。

Demo4

通过Plugin提供的$.lightTreeview.open(selector);$.lightTreeview.close(selector);$.lightTreeview.toggle(selector);三个函数，你可以自己收缩或展开需要的节点。

注：

1.其中需要的插件有：

2.需要的函数和样式：

3.需要注意的是：

background: url(image/treeview-default.gif) 0 -111px no-repeat; 会报错，

正确的书写方式是：background: url(https://blog.51cto.com/image/treeview-default.gif) 0 -111px no-repeat;

原因：

          https://blog.51cto.com/image/123.jpg 表示站点根目录下的image文件夹的下123.jpg

      image/123.jpg 表示和当前页面目一个目录下的image文件夹下的123.jpg

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdreactjs/54826.html