Rich Extended DataTable列宽

作为参考,这是基本的输出结构,假设有三个宽度为100px的元素和两个记录:

    

        

            

                
                    
                    
                    
                
                

                    

                        
Column Header 1
                        
Column Header 2
                        
Column Header 3
                    
                    
 
                        

                        

                        

                    
                
                

                    

                        

                            

                                

                                    
                                        
                                        
                                        
                                    
                                    

                                        

                                            

                                                
Column 1, Row 1
                                            
                                            

                                                
Column 2, Row 1
                                            
                                            

                                                
Column 3, Row 1
                                            
                                        
                                        

                                            

                                                
Column 1, Row 2
                                            
                                            

                                                
Column 2, Row 2
                                            
                                            

                                                
Column 3, Row 2
                                            
                                        
                                    
                                
                            
                        
                    
                
                

                    

                        

                            
                        
                    
                
            
        
    
    

        
    
    

        
    
    

        
    

您可以添加水平滚动div.extdt-innerdiv,但是列的自动调整大小功能(ExtendedDataTable.DataTable_formId_edtId.calculateWidthsFromRatios())基本上会被此混淆,调整从组件开始maxWidth(从初始宽度派生div.extdt-maindiv)到20px宽的所有列.

我试过了...

使用

元素包装并设置以下内容:

position: relative;

width: 100%;

overflow-x: auto;

所需的高度,否则你只会看到下一个项目符号点的滚动条.

制作div.extdt-maindiv绝对定位

给予这两个div.extdt-outerdiv和div.extdt-innerdiv静态定位和经销商的宽度

......但这似乎没有任何影响.

我想这可能是因为我在Firebug中进行了大部分这些更改,并且mainDiv.getWidth()(from calculateWidthsFromRatios())正在检索缓存值,mainDiv.element.boxWidth.该值在ClientUI.common.box.Box.setWidth()(common-scrollable-data-table.js)中设置,并且只调用一次; 如果我调整浏览器窗口大小(在我的情况下有100%的宽度),它不会被再次调用.

我将尝试在我的CSS文件中进行这些更改,看看是否所有内容都神奇地起作用.但是,JavaScript 非常复杂,而且没有记录,因此我可能会遗漏某些地方.我会跟进我的结果.

---

编辑:在我的CSS中进行更改后,我仍然遇到了缩短列的问题.

因此,为了避免必须创建包装器div,我添加了水平滚动到div.extdt-innerdiv:

.extdt-innerdiv { overflow-y: hidden; overflow-x: auto !important; }

然后,在页脚中,我禁用了该calculateWidthsFromRatios()功能:

我使用表的页脚来强制每次重新生成组件时执行此JavaScript.

即使使用此解决方案,用户也无法手动扩展列的宽度,因为extended-data-table.js中的JavaScript会阻止列的调整大小mainDiv.element.boxWidth.为了能够像这样调整大小,人们可能只需要向JBoss提交补丁来修复,因为目前没有计划在RichFaces 3.X中修改它的行为(根据JBoss社区JIRA中的#RF-4871).

祝好运.

1> Christopher ..：

---

真的不能很好地处理水平滚动.实际上,似乎开发人员开始着手进行水平滚动.

您可以在

启用水平滚动的情况下放入,但如果您将其保留,则无法正常工作.其中一个嵌套

的(div.extdt-innerdiv)绝对定位,将其从文档流中移除.

作为参考,这是基本的输出结构,假设有三个宽度为100px的元素和两个记录:

    

        

            

                
                    
                    
                    
                
                

                    

                        
Column Header 1
                        
Column Header 2
                        
Column Header 3
                    
                    
 
                        

                        

                        

                    
                
                

                    

                        

                            

                                

                                    
                                        
                                        
                                        
                                    
                                    

                                        

                                            

                                                
Column 1, Row 1
                                            
                                            

                                                
Column 2, Row 1
                                            
                                            

                                                
Column 3, Row 1
                                            
                                        
                                        

                                            

                                                
Column 1, Row 2
                                            
                                            

                                                
Column 2, Row 2
                                            
                                            

                                                
Column 3, Row 2
                                            
                                        
                                    
                                
                            
                        
                    
                
                

                    

                        

                            
                        
                    
                
            
        
    
    

        
    
    

        
    
    

        
    

您可以添加水平滚动div.extdt-innerdiv,但是列的自动调整大小功能(ExtendedDataTable.DataTable_formId_edtId.calculateWidthsFromRatios())基本上会被此混淆,调整从组件开始maxWidth(从初始宽度派生div.extdt-maindiv)到20px宽的所有列.

我试过了...

使用

元素包装并设置以下内容:

position: relative;

width: 100%;

overflow-x: auto;

所需的高度,否则你只会看到下一个项目符号点的滚动条.

制作div.extdt-maindiv绝对定位

给予这两个div.extdt-outerdiv和div.extdt-innerdiv静态定位和经销商的宽度

......但这似乎没有任何影响.

我想这可能是因为我在Firebug中进行了大部分这些更改,并且mainDiv.getWidth()(from calculateWidthsFromRatios())正在检索缓存值,mainDiv.element.boxWidth.该值在ClientUI.common.box.Box.setWidth()(common-scrollable-data-table.js)中设置,并且只调用一次; 如果我调整浏览器窗口大小(在我的情况下有100%的宽度),它不会被再次调用.

我将尝试在我的CSS文件中进行这些更改,看看是否所有内容都神奇地起作用.但是,JavaScript 非常复杂,而且没有记录,因此我可能会遗漏某些地方.我会跟进我的结果.

---

编辑:在我的CSS中进行更改后,我仍然遇到了缩短列的问题.

因此,为了避免必须创建包装器div,我添加了水平滚动到div.extdt-innerdiv:

.extdt-innerdiv { overflow-y: hidden; overflow-x: auto !important; }

然后,在页脚中,我禁用了该calculateWidthsFromRatios()功能:

我使用表的页脚来强制每次重新生成组件时执行此JavaScript.

即使使用此解决方案,用户也无法手动扩展列的宽度,因为extended-data-table.js中的JavaScript会阻止列的调整大小mainDiv.element.boxWidth.为了能够像这样调整大小,人们可能只需要向JBoss提交补丁来修复,因为目前没有计划在RichFaces 3.X中修改它的行为(根据JBoss社区JIRA中的#RF-4871).

祝好运.

2> Damo..：

---

您应该指定宽度而不是"px"或"%",例如

扩展数据表存在水平滚动问题,但您可以指定固定的表格宽度(以像素为单位),并将表格放在div中,其中overflow-x设置为滚动.

推荐阅读

• 程序员

  DYLD_LIBRARY_PATH和DYLD_INSERT_LIBRARIES无法正常工作

  如何解决《DYLD_LIBRARY_PATH和DYLD_INSERT_LIBRARIES无法正常工作》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  AngularJS与Angular

  如何解决《AngularJS与Angular》经验，为你挑选了5个好方法。 ... [详细]
• 程序员

  我一次只能压缩2次提交吗？

  如何解决《我一次只能压缩2次提交吗？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Django和Node - 它是如何工作的？

  

  如何解决《Django和Node-它是如何工作的？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何使用SHL指令reg,mem

  如何解决《如何使用SHL指令reg,mem》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Java:捕获lambda异常

  如何解决《Java:捕获lambda异常》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  将React.element转换为JSX字符串

  如何解决《将React.element转换为JSX字符串》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Git stash只有在成功隐藏之前才会弹出

  如何解决《Gitstash只有在成功隐藏之前才会弹出》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  使用opencv warpaffine时如何保持白色背景

  

  如何解决《使用opencvwarpaffine时如何保持白色背景》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Xcode 7新手; 简单的标签不会在模拟器中居中

  

  如何解决《Xcode7新手;简单的标签不会在模拟器中居中》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  选择从Windows将文件拖放到GLFW应用程序中

  如何解决《选择从Windows将文件拖放到GLFW应用程序中》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  覆盖Node.js Express响应方法

  如何解决《覆盖Node.jsExpress响应方法》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  JSX上的babelify转换以使React元素失败

  如何解决《JSX上的babelify转换以使React元素失败》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  TypeError:swal不是使用ngSweetAlert在angularjs中的SweetAlert.js中的函数

  如何解决《TypeError:swal不是使用ngSweetAlert在angularjs中的SweetAlert.js中的函数》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何更改表中的现有主键？

  如何解决《如何更改表中的现有主键？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  Malloc是一组函数指针

  如何解决《Malloc是一组函数指针》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  如何检测Windows Mobile转换为连续模式？

  如何解决《如何检测WindowsMobile转换为连续模式？》经验，为你挑选了0个好方法。 ... [详细]
• 程序员

  如何模式匹配scala列表的head和tail类型？

  如何解决《如何模式匹配scala列表的head和tail类型？》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  闪亮的应用程序checkboxInput和conditionalPanel

  如何解决《闪亮的应用程序checkboxInput和conditionalPanel》经验，为你挑选了1个好方法。 ... [详细]
• 程序员

  在python3.5 osx上安装pygame

  如何解决《在python3.5osx上安装pygame》经验，为你挑选了1个好方法。 ... [详细]

吐了个 "CAO" !

吐个槽吧,看都看了

会员登录 | 用户注册

路人甲

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

• actionscrip
• bash
• c#
• c++
• c语言
• erlang
• flutter
• go
• golang
• java
• javascript
• lua
• node.js
• perl
• php
• python
• scala
• typescript

RankList | 热门文章

• 1每个列表列表的Erlang
• 2打开文件夹时可以自动启动任务吗？
• 3我可以更改Apple Watch模拟器语言吗？
• 4isomorphic fetch post无法读取服务器上的正文
• 5如何将byte []或位图转换为整数(R.drawable.picture)Android java
• 6import com.microsoft.windowsazure.messaging.*; 未检测到.我应该在android studio中添加哪个库？
• 7nunit3如何在命令行中包含测试类别
• 8批处理:动态变量名称(等效的eval)
• 9使用Gulp缩小(不透明)ES2015代码
• 10正则表达式用于分割每个字符但将数字保持在一起
• 11如何按字母顺序实现接口属性
• 12从两个2d矩阵中获取许多3d矩阵(逐列乘法)
• 13如何将阴影应用于Swift中的UITextView？
• 14是否存在产生商和提醒的除法运算？
• 15iOS - 当我将两个NSNumber与"=="进行比较时,为什么它可以工作？
• 16如果应用程序被杀,则不会在MI手机中收到GCM推送通知
• 17由于选择性较低,MariaDB不对1列自连接使用索引(所有NULL)
• 18用单个fullstop替换多个fullstops
• 19如何在Angular 2中触发ajax请求？
• 20Javascript从嵌套在生成器内的函数中产生

DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有