數據表 - 限制輸出

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樣式）。