jQuery 文本换行到下一行时出现可树对齐问题

Question

使用 jQuery tree-table 插件并努力让 CSS 在分支名称或叶名称换行到下一行时正确对齐文本，请参阅图片。 请注意，link 名称是节点名称；我的真实世界 table 列宽比 JSFiddle 小得多，因此换行是一个真正的问题 。

HTML是从服务器生成的；我这里有一些灵活性

See JSFiddle that mimics the generated HTML 并包括插件的 CSS 加上默认主题。

我试过了(inspired by)

table.treetable a.node {
  overflow: hidden;
}

table.treetable span.indenter {
  float: left;
}

但这会产生：

类似问题但提供的答案似乎在答案的 JSFiddle 中实际上不起作用。

关于 jquery-treetable gitHub closed issue #142 的长时间讨论，所以我... 尝试过：

table.treetable span.indenter {
  float:left;
}
table.treetable a.node {
  display: block;
  padding-left: 0;
  overflow: hidden;
}

（这处理父节点包装 OK 但错误调整其子叶以及独立叶节点 2）

最后尝试了 "solution" #142 的 OP 说有效

table.treetable span.indent{
  display:inline-block;
  text-align: right;
  }

这没有效果。我卡住了。

Answer 1

如果这就是您想要的

那么一个简单的解决方案可能是将绝对位置设置为单元格左侧的 "indenter"，然后使用填充移动文本 ...

table.treetable tbody tr td { position: relative; padding-left: 25px; }
table.treetable tbody tr td span.indenter { position: absolute; left: 5px; }

jQuery treetable alignment issue when text wraps to next line