我正在做一个来自 primefaces 展示的非常基本的例子
Primefaces 版本 = V-6.0.18 WAS 9
https://www.primefaces.org/showcase/ui/data/htree/basic.xhtml
代码没有区别，我看到 bean 被调用。我还看到正在创建的 chrome 开发人员节点和 style="display-none"。
我遇到的问题
1）“根”的外观和感觉不正确 我看到根有一条线穿过。2）当我点击 Root 没有任何反应，没有节点扩展。我没有看到 chrome developer 引发任何异常。
注意：代码与展示中的代码完全相同，没有变化
这是来自 chrome 开发人员
<tr>
<td class="ui-treenode ui-treenode-parent ui-treenode-collapsed ui-treenode-unselected" data-nodetype="default" data-rowkey="root"><div
class="ui-treenode-content ui-tree-selectable ui-state-default ui-corner-all">
<span class="ui-tree-toggler ui-icon ui-icon-plus"></span><span></span>Root
</div></td>
<td class="ui-treenode-children-container" style="display: none"><div class="ui-treenode-children">
<table>
<tbody>
<tr>
<td class="ui-treenode-connector"><table class="ui-treenode-connector-table">
<tbody>
<tr>
<td></td>
</tr>
<tr>
<td class="ui-treenode-connector-line"></td>
</tr>
</tbody>
</table></td>
<td class="ui-treenode ui-treenode-parent ui-treenode-collapsed ui-treenode-unselected" data-nodetype="default" data-rowkey="0"><div
class="ui-treenode-content ui-tree-selectable ui-state-default ui-corner-all">
<span class="ui-tree-toggler ui-icon ui-icon-plus"></span><span></span>Node 0
</div></td>
<td class="ui-treenode-children-container" style="display: none"><div class="ui-treenode-children">
<table>
<tbody>
<tr>
<td class="ui-treenode-connector"><table class="ui-treenode-connector-table">
enter code here
我不确定是 css 问题/JS 问题吗？
任何帮助将不胜感激 。
编辑：
刚刚测试没有方向=“水平”
<p:tree value="#{treeBasicView.root}" var="node">
<p:treeNode>
<h:outputText value="#{node}" />
</p:treeNode>
</p:tree>
它有效，但我想要水平方向，但它不起作用
<p:tree value="#{treeBasicView.root}" var="node" orientation="horizontal">
<p:treeNode>
<h:outputText value="#{node}" />
</p:treeNode>
</p:tree>