java - 数据表 - 限制输出

Question

我已经实现了 primefaces数据表 但是，当我的表中有很多数据时，它看起来像这样：

限制单元大小的可能解决方案是什么？

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();" />