jQueryツリー配列の次の行に折り返すときの問題

Question

jQueryツリーテーブルプラグインを使用して、ブランチ名またはリーフ名が次の行に折り返されたときにCSSがテキストを正しく整列させるのに苦労します。 リンク名はノード名であることに注意してください。私の実際の世界のテーブルの列の幅はJSFiddleよりもはるかに小さいので、ラッピングは実際の問題です。

HTMLはサーバーから生成されました。私はここでいくつかの柔軟性を持っています

See JSFiddle that mimics the generated HTMLそして、プラグインのCSSとデフォルトのテーマが含まれています。

私は

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

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

（inspired by）しようとしましたが、この利回り：

同様の問題raised hereが、提供さ答えは、実際の答えの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と同様にその子の葉を誤って正当化）

最後に＃142のOPは

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

これは効果がなかったが働いていたと述べ、「解決策」を試してみました。私は立ち往生している。

Answer 1

これはあなたが

後にしているものであれば、簡単な解決策は、セルの左に「圧子」に絶対位置を設定し、パディングを使用してテキストをシフトするかもしれ...

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