java - 数据表-限制输出

Question

我已经实现了primefaces data table但是，当我的表中有大量数据时，它看起来像这样:

限制单元尺寸的可能解决方案有哪些？

Answer 1

您可以使用 Javascript 来修剪内容，每次鼠标悬停时，用户都会看到所有内容:UI 页面中的 header (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();" />