Grid拖动列宽后整列消失的问题解决

最新推荐文章于 2022-07-08 13:29:38 发布
最新推荐文章于 2022-07-08 13:29:38 发布
阅读量1.2k 收藏
点赞数
分类专栏： EXT4.0学习笔记 文章标签： extjs grid column width resize
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pczhouji/article/details/53100676
版权

如果你使用的是ext5.0.0，当grid的列比较多时拖动某一列的列宽，可能会发现没有效果。不但没有效果，拖动之后这个列干脆tm的不见了。

以下是寻找答案之路

https://www.sencha.com/forum/showthread.php?287011-Grid-with-many-Columns-drag-to-resize-does-not-resize-column-disappears

https://www.sencha.com/forum/showthread.php?287043-Grid-column-resize-is-faulty/page2

https://www.sencha.com/forum/showthread.php?289609-Problem-in-render-column-resize-in-Extjs-5&p=1058088#post1058088

解决办法：修改Ext.dd.DragTracker类的constrainModes属性中的point()方法，注释掉dr.constrainTo(constrainTo);这行即可。

官方号称5.0.1之后解决了这个bug，没有验证过。

伟大的左前卫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ext jsGrid 锁列问题
08-22
用于Ext开发Grid中遇到的所锁列的问题，这个很有帮助
疑问：WPFToolkit中的DataGrid数据列为何会意外丢失？
weixin_30532973的博客
06-07 111
我有一个工程，要多次使用数据表格，每次使用的数据集的列可能不同，那么我就想到写一个UserControl公共控件来使用，将经常对数据集操作的通用的动作放到里面。UserControl中，DataGrid的具体定义如下： 代码 1 <dg:DataGrid DockPanel.Dock="Top" Name="dgData" ItemsSource="{Binding}...
jqgrid滚动条宽度/列显示不全问题
weixin_33816946的博客
04-25 968
第一种方法 (form done里） var width=$("#gbox_table_list_call").parent().width; $("#table_list_call").setGridWidth(width); $("#gview_table_list_call").css("width","auto"); $("#pager_list_call").css("width...
angular 路由快照和 aggrid 结合后，导致aggrid 表头消失的问题
Dの博客
08-24 801
一，路由快照简述       1. angular的路由快照，简单的说，就是记录路由访问状态。比如当访问过A路由加载过A组件之后，再次访问A路由，A组件不会重新加载 (即不会重新渲染页面，不会重新请求接口)。       2.试用场景：① 类似浏览器的标签页，在A标签页面把页面...
aggrid列移动事件，保存当前列顺序
weixin_50180644的博客
06-24 698
当我们移动列后，先获取全部列（getColumnState();//获取全部列(包含列的显隐状态)），然后存到本地存储。再在网格就绪事件中，获取并重新设置列即可。
用于设置ant-design-vue中table组件的列宽可拖拽
最新发布
08-05
vuex2.x中用于设置ant-design-vue中table组件的列宽可拖拽
C#实现Dev Grid拖拽移动行的方法
09-03
在C#编程环境中，Dev Express提供的Dev Grid控件是一种强大的数据网格组件，它允许用户对数据进行多种操作，包括拖拽移动行。本文将详细解释如何实现这个功能。 首先，我们需要理解拖拽移动行的基本原理。在Windows...
关于extjs4如何获取grid修改后的数据的问题
12-09
在EXTJS4中，开发人员经常需要处理Grid控件中的数据操作，特别是在用户对Grid中的数据进行编辑后，获取并处理这些修改的数据是至关重要的。本文将深入探讨EXTJS4中如何有效地获取Grid修改后的数据。 EXTJS4的Grid...
解决extjs grid 不随窗口大小自适应的改变问题
12-07
最近遇到的问题，在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句 问题就解决了，效果图 拖大后的效果 添加的语句： 代码如下: Ext.EventManager.onWindowResize(function(){ grid1....
OrCAD打印PDF原理图Grid黑点问题解决办法
07-25
OrCAD在Win7_64位系统中打印PDF原理图Grid黑点问题解决办法。
ag-grid在Vue项目中的基本使用
热门推荐
sleepwalker_1992的专栏
11-01 2万+
ag-grid官网 1、安装 npm install ag-grid-community ag-grid-vue --save-dev 2、在main.js中引入ag-grid的样式文件 // 引入ag-grid的样式文件 import '../node_modules/ag-grid-community/dist/styles/ag-grid.css'; import '../node...
vue: el-table 最后一列操作列设置为fixed后，最后一行有时候显示不完，感觉被遮挡了一半
weixin_40841731的博客
12-26 1万+
一、先看解决方案： 1、只修改当前页面样式： 给table设置class="tableClass" 在样式中： <style lang="less" > .tableClass { .el-table__fixed-right { height: 100% !important; //设置高优先，以覆盖内联样式 } ...
使用grid布局解决flex布局最后一行不足的问题
qcc0716的博客
08-13 2686
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
table固定列导致最后一行数据显示不全
weixin_41897680的博客
07-08 2807
table固定列导致最后一行数据显示不全
ui-grid 列拖拽问题
weixin_30650859的博客
01-25 374
angular 的 ui-grid 在项目中使用时出现了列拖拽时，拖拽的表头跟不上鼠标的问题，特写了个小 demo 查找问题所在，结果发现了另一个拖拽问题：有横向滚动条时，拖拽的元素看不见，虽然拖拽效果是好使的。。。 把 node_moudles 中的 ui-grid 文件夹的相关文件都拿来了： 样例代码： <!DOCTYPE html> <html ng-...
ag-grid 学习笔记五：ag-grid事件（onRowClicked行点击事件、onCellClicked单击单元格事件、onCellDoubleClicked双击单元格事件、全部事件列表）
【爱打盹的喵】的专栏
06-10 7511
一onRowClicked行点击事件 此事件发生在点击表格行的时候，事件写在gridOptions下。 onRowClicked: function (event) { //event.data 选中的行内数据，event.event 为鼠标事件，等其他。可以log自己看一下 console.log('a row was clicked', event); var itxst = JSON....
umy-ui表格解决卡顿问题
黑夜无风的博客
10-26 1890
1. 表格解决卡顿问题，那么虚拟表格原理呢大概就是： 减少对DOM节点的渲染，通过滚动函数节流实现滚动后事件来动态渲染数据 2. 基础表格其实就是element的表格的升级版，修改了ele的表格bug（如果你想使用个普通表格你无需安装其他库，就使用这个表格即可），你可以发现基础表格里面的示例没有配置：use-virtual 这个属性。 3 基础表格没有使用use-virtual属性，代表表格数据不多，只想要一个普通的表格。如果你表格卡。请你关注下虚拟表格部分。 4. 使用u-table 开启u.
ext Ext.grid.ColumnModel自适应宽度去除右边空白
zy_crazy_code的博客
07-21 3297
列自适应玩了以后发现右边有一列空白，加上scrollOffset: 0//去除最右边空白  grid = new Ext.grid.EditorGridPanel({ region:"center", loadMask:true, store:pageStore, cm:columns, autoScroll :false, sm:new Ext.grid.RowSelect
wpf 设置grid的列宽为grid减10
05-31
在WPF中，您可以使用GridLength类型的值来设置Grid的列宽。如果您想将Grid的列宽设置为Grid的宽度减去10个单位，请使用以下代码： ``` <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <TextBlock Grid.Column="0" Text="Column 1" /> <TextBlock Grid.Column="1" Text="Column 2" /> </Grid> ``` 在上面的代码中，我们使用星号（*）作为第一列的宽度，这意味着第一列将占用Grid的剩余宽度。我们使用Auto作为第二列的宽度，这意味着第二列将自适应其内容宽度。由于第二列的宽度是自适应的，因此它将自动缩小以适应Grid的宽度减去第一列的宽度，从而使第一列的宽度为Grid的宽度减去10个单位。 请注意，您还可以使用其他值来设置Grid的列宽，例如相对大小和固定大小。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值