Layui树形展示顺序问题

最新推荐文章于 2025-05-26 12:38:52 发布

黄宝康

最新推荐文章于 2025-05-26 12:38:52 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： Layui树形展示调整顺序问题

本文链接：https://blog.youkuaiyun.com/huangbaokang/article/details/79724125

本文介绍了在Layui中遇到的树形展示顺序问题。原本组织名称显示在第一列，根据需求需调整到第三列。通过分析Layui的treegrid.js和grid.js源码，发现树形结构默认在第一列。为实现需求，修改了源码，将树形结构的位置调整到第三列，并成功实现了展示效果。同时还提及了博主的网店信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题阐述

在项目中，使用Layui展示树形组织架构，碰到了一个问题。

刚开始的代码如下：

<table class="layui-table">
            <thead>
            <tr>
                <th>党组织名称</th>
                <th>组织序号</th>
                <th>上级序号</th>
                <th>组织类型</th>
                <th>书记姓名</th>
                <th>联系人</th>
                <th>联系电话</th>
            </tr>
            </thead>
            <tbody>
            {
   
   {
   
   # layui.each(d.rows,function(index,r){ }}
            <tr>
                <td><input type="checkbox" />{
   
   {
   
   r.tEXT}}</td>
                <td>{
   
   {
   
   r.id}}</td>
                <td>{
   
   {
   
   r.pid}}</td>
                <td>{
   
   {
   
   showTypeName(r.pO_TYPE_ID)}}</td>
                <td>{
   
   {
   
   r.sHUJI_NAME==undefined?'':r.sHUJI_NAME}}</td><