-
grid的列的自动宽度5
我翻看API很久. 没有找到让列自动适应内容的属性或方法.
在表格中. 数据的长度是随意的.
于是.在定义表格的时候,指定列的宽度为一个固定的值显得不合适.
有时会空出一大片白, 有时数据有显示不完全.
有没有办法让列自动撑开. 撑到把数据刚好全部展示完全?
问题补充：yonglin4605:
设置viewConfig是指对整个表格的gridview的属性进行设置.
假设有A B C三列. A的宽度的是20, B的宽度是30. C没有设置宽度.
设置viewConfig:{forceFit:true}之后.
我可以理解为表格将撑到最大. 而C的宽度是 最大的宽度 - A - B 吗
另外, HTML是可以自适应列宽的.
客户不会管你用了啥新技术怎么怎么的.也许他就想要类似这样的效果:<table border="1"> <tr><td>123</td><td>1111222333</td></tr> <tr><td>11122</td><td>1122</td></tr> </table>
多希望gird也能如此啊~
问题补充：lovesl:
您好!
CSS本人菜的稀里糊涂.怎么使用,还请进一步明示.
谢谢哇~~2010年2月22日 16:24
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
在GridPanel 类 中有个autoExpndColumn 属性
不过它只允许一列数据根据内容自适应宽度！
或者你可以在 ColumnModel 类里用 renderer 属性中使用 CSS 样式2010年2月23日 09:41
-
可以自动撑开
viewConfig:{ forceFit:true }
可以按比例分配，在自动撑开的基础上，设定宽度width，EXT会根据width值与总宽度算出比例。
不能根据内容自适应宽度！2010年2月22日 18:03
相关推荐
### PowerBuilder 数据窗口 Grid 类列宽度自动适应技术详解 #### 一、背景介绍 在 PowerBuilder 开发过程中，数据窗口（DataWindow）是用于显示和处理数据的核心组件之一。随着应用的发展，用户对于数据展示的需求...
在探讨“Ext Grid表格的自动宽度及高度的实现”这一主题时，我们深入解析如何在Ext JS框架下，利用其强大的Grid组件自适应容器尺寸，实现表格宽度与高度的自动调整。这一技术对于构建响应式、用户友好的界面至关重要...
1. **Grid宽度设置**：JqGrid允许设置全局网格宽度（例如，`width`属性），这可以是固定的像素值，也可以是百分比值。百分比值有助于实现自适应，因为它是相对于其容器的宽度。 2. **列模型配置**：每个列在JqGrid...
本文将深入探讨如何利用PB实现自动美化grid风格的数据窗口，并将其转换为tabular风格，以及相关的功能增强。 1. **Grid风格与Tabular风格的区别**： - Grid风格的数据窗口通常以网格形式展示数据，行与列清晰划分...
在这里，`myObject`是你希望用户能够编辑其属性的对象，`PropertyGrid`会自动列出`myObject`的所有公共属性。 `propertyGrid`的外观和行为可以通过多种属性进行定制。例如，`AutoExpandCategories`控制是否自动展开...
例如，我们可以为每行和每列添加水平和垂直边框，通过设置BorderBrush和BorderThickness属性来定制颜色和宽度。 ```xml <Style TargetType="Grid"> ,0,0,1"/> ,0,0,0"/> ``` 2. **行列合并**：...
这篇博客"EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化"探讨了如何使GridPanel的列宽根据数据内容自动调整，以确保最佳的用户界面体验。 在EXTJS中，ColumnModel允许我们定义每列的标题、数据字段、宽度...
这两个属性允许我们定义Grid的行和列的高度和宽度。我们可以通过设置`GridLength`对象来调整这些尺寸，包括固定值、星数（按剩余空间比例分配）或自动大小（根据内容自动调整）。 "描述"中提到的"动画演示"是指利用...
3. 自定义高度和宽度：Grid的行和列可以通过`<RowDefinition>`和`<ColumnDefinition>`分别定义高度和宽度。可以设置固定值（例如Height="60"）或者加权值（例如Height="60*"），加权值会在窗口大小调整时按比例缩放...
EXTJS Grid的列宽度可以设置为自动或固定，也可以根据窗口大小或内容自动调整。使用`flex`属性，可以指定列的相对宽度，使得Grid在不同屏幕尺寸下保持良好的布局。 5. 表头菜单： EXTJS Grid支持自定义表头菜单，...
在Grid布局中，我们还可以使用`grid-gap`来设置网格项之间的间距，`grid-auto-rows`和`grid-auto-columns`用于定义自动生成的行和列的大小。此外，`grid-template-areas`属性允许我们通过命名网格区域来创建更直观的...
同时，为了使选项卡的宽度能够自动适应内容，也需要进行特定的设置。以下将详细讲解如何实现“WPF TabControl”的可关闭功能以及宽度自适应。 一、添加可关闭按钮 1. 创建一个新的`TabItem`模板：首先，我们需要...
行与行之间、列与列之间的间隔可以用`grid-row-gap`和`grid-column-gap`来设定。 **Grid布局与其他布局方式的对比** 1. **传统布局**：基于流式布局，兼容性最佳，但效率相对较低，对于复杂布局处理不够灵活。 2. *...
"css层布局宽度自动适应"这一主题聚焦于如何利用CSS来创建灵活的、能够根据用户设备屏幕大小自动调整宽度的布局。这种响应式设计是现代网页开发的关键，确保了网站在不同设备上都能提供良好的用户体验。 首先，我们...
例如，`Bootstrap`的`DataTable`插件提供了丰富的自定义选项，包括列宽自动调整和对齐。通过监听窗口大小变化事件，可以实时调整表头和列的对齐，确保在不同屏幕尺寸下显示效果一致。 以上四种方法各有优势，具体...
在这个例子中，我们创建了两行两列的Grid，第一行和第一列的宽度和高度被设置为"Auto"，这意味着它们将根据内容自动调整大小。第二行和第二列的宽度和高度被设置为"*"，表示它们将占据剩余的空间。 接下来，我们...
将`ListBox` 放在`Grid`的一个单元格中，然后不设置固定的宽度，`ListBox`将会自动扩展到`Grid`的宽度。 2. **设置HorizontalAlignment属性**：默认情况下，`ListBox` 的`HorizontalAlignment` 属性设置为`Stretch`...
此外，`grid-auto-columns`和`grid-auto-rows`可以用来定义自动产生的列和行的大小。 8. Grid模板区域： 对于更复杂的布局，可以使用`grid-template-areas`定义命名的网格区域，以便更好地组织和控制内容的布局。 ...