数据表 - 限制输出

Question

我已经实现了primefaces data table 然而，当我有我的表中的数据量，它看起来就像是：

什么是可能的解决方案，以限制细胞大小？

Answer 1

您可以使用JavaScript来修剪内容和每个鼠标悬停时，用户将看到的所有内容： 头在UI页面（XHTML，...）：

<script type="text/javascript"> 
     var iLimitTextSize = 20; 
     trimtext(); 
    </script> 

的JavaScript：

function trimtext(){ 
     $(document).ready(function() {     
      $(".ui-dt-c").each(function() {        
       if ($.trim($(this).text()).length > iLimitTextSize) { 
        $(this).attr("title",$.trim($(this).text())); 
        $(this).text($.trim($(this).text()).substring(0, iLimitTextSize)); 
        $(this).html($(this).html() + '...'); 
       } 
      }); 
     }); 
    } 

如果您有执行它的行为，然后更新的数据表组件，则需要再次调用trimtext（）函数，例如：

<p:commandButton value="Ok" update="datatable" oncomplete="trimtext();" /> 

Answer 2

p:column支持属性width（大小以像素或百分比表示）和style（CSS样式）。