如何使用星形大小来实现FlexGrid的灵活布局

作者:清风拂面 | 创建时间: 2023-05-08
Wijmo 是用TypeScript编写的新一代JavaScript/HTML5控件集,秉承触控优先的设计理念,在全球率先支持AngularJS,并提供性能卓越、零依赖的FlexGrid 和图表等多个控件。这里介绍使用星形大小来实现Flex...
如何使用星形大小来实现FlexGrid的灵活布局

操作方法

Example 1: 这个表格有四列。第一列宽度是80pixes,可以在40到160之间调整大小。另外三列宽度分别为2*,*和*, 不能使用鼠标调整大小。 注意,第二列是第三和第四列的两倍宽,它们会保持这样的比例,即使你调整了第一列或者整个表格的大小。

Example 2: 这个表格演示如何延伸任意一个列来填充可用的空间。 在这种情况下,我们设置第二列的width属性为*来实现这个效果。 我们也设置了第二列的最小width为100pix,以阻止它在其他列大小调整时变得过窄。 并且我们阻止用户使用鼠标调整这个列。

Example 3: 这个样例设置所有的width为*,这意味着可用空间被平均分给它们。 调整浏览器的大小,观察表格如何调整大小,列如何均匀填充。 此外,不像别的样例,这个样例设置了整个表格而不是单独一行的allowResizing属性。 我们将它设为None,但是你可能会选择Columns,Rows或者Both。

点击展开全文

更多推荐