JavaFX在tableview中隐藏列的文本

Question

我有一个tableview，我想在第一列显示图像。我的问题是我无法对列进行排序。我的想法是在列中设置文本，并隐藏文本，以便它仅用于正确的排序集。有没有办法做到这一点？或者有什么其他解决方案可以解决我的问题？

Answer 1

你可以用CSS来使用文本缩进。您还需要将图像设置为css背景。您没有提供您的表的代码，但下面是一些例子：

HTML：

<table width="100%" border="1" cellspacing="1" cellpadding="1"> 
    <tr> 
    <td class="hidetext image">Text 1</td> 
    <td>Some text to show</td> 
    </tr> 
    <tr> 
    <td class="hidetext image">Text 2</td> 
    <td>Some text to show</td> 
    </tr> 
    <tr> 
    <td class="hidetext image">Text 3</td> 
    <td>Some text to show</td> 
    </tr> 
    <tr> 
    <td class="hidetext image">Text 4</td> 
    <td>Some text to show</td> 
    </tr> 
</table> 

CSS：

.hidetext {text-indent:-9000px} 
.image {background:url(http://www.madisoncopy.com/images/jpeg.jpg) no-repeat;} 

了解如何在左边的列中的文本不显示（但它实际上只是从屏幕上缩进）。

看到这个小提琴：http://jsfiddle.net/D297P/

Answer 2

我觉得这是你想要do.Still让我知道如果你有任何问题，什么完美的例子。 Check here