数据表 - 限制输出

Question

我已经实现了主要表面data table 但是，当我在表格中有大量数据时，它看起来像是：

有哪些可能的解决方案来限制细胞大小？

Answer 1

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

Answer 2

您可以使用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();" />