jquery - 如何防止 jsTree 扩展表格单元格？

Question

我正在表格单元格内创建一个 jsTree。

没有展开的树如下所示：

但是当我点击任何根节点时。它扩展了表格单元格。

我希望该表格单元格不应该被扩展。

我的代码如下：

<table border="1" cellpadding="0"cellspacing="0" width="100%" style="margin-top:10px;">
                <tr>
                    <td style="padding-left:5px;">PCA</td>
                    <td id="population"></td>
                    <td id="sex"></td>
                    <td id="literacy"></td>
                </tr>
            </table>

<script type="text/javascript">
            $(function () {
                $("#population").jstree({ 

                    "html_data" : {
                        "data" : "<?php echo $populationdata;?>"
                    },
                    "plugins" : [ "themes", "html_data","ui","checkbox" ]
                });
                $("#sex").jstree({ 

                    "html_data" : {
                        "data" : "<?php echo $sexdata;?>"
                    },
                    "plugins" : [ "themes", "html_data","ui","checkbox" ]
                });
                 $("#literacy").jstree({ 

                    "html_data" : {
                        "data" : "<?php echo $literacydata;?>"
                    },
                    "plugins" : [ "themes", "html_data","ui","checkbox" ]
                });

            });
        </script>

我想为此使用覆盖方法我做了以下更改

<table border="1" cellpadding="0"cellspacing="0" width="100%" style="margin-top:10px;">
                <tr>
                    <td style="padding-left:5px;">PCA</td>
                    <td><div id ="overlay"><div id="population"></div></div></td>
                    <td><div id ="overlay"><div id="sex"></div></div></td>
                    <td><div id ="overlay"><div id="literacy"></div></div></td>
                </tr>
            </table>

#overlay {
    position: fixed;
    z-index: 10000;
}           

但现在树看起来像这样：

我该如何解决这个问题？

Answer 1

为防止表格单元格扩展，您需要将style属性应用于div包含jstree.

现在你的桌子看起来像这样

<div id ="overlay"><div id="population" style="overflow:auto;">

这将阻止表格单元格扩展，但如果空间不足，则会提供滚动条。