Slickgrid:使用所有剩余空间的最后一列自动大小
Slickgrid:使用所有剩余空间的最后一列自动大小
提问于 2013-06-28 00:24:51
我正在使用SlickGrid，并且很难找到一个优雅的解决方案来解决以下问题：
- 所有列在第一次呈现时必须具有特定的初始宽度，但之后必须调整大小。
- 当窗口调整大小时，最后一列应自动填充剩余的列空间。
我见过：
Make one column fill remaining space in SlickGrid without messing up explicit width columns
resizing of grid when resizing browser window
How do I autosize the column in SlickGrid?
但这些似乎不能完全满足我的需要。如果我使用forceFitColumns选项，那么所有列都将自动调整大小(除非我在它们上设置了maxsize )。在resizeCanvas上使用window.resize很好--但只有当forceFitColumns是真的时候，它才能起作用。
如果设置minWidth=maxWidth -则无法调整列的大小。
有什么建议吗？
回答 1
Stack Overflow用户
发布于 2017-04-04 12:52:45
我知道现在回复已经很晚了。
但是，我成功地做到了这一点，而不必更改slick.grid.js上的内容，也不必在列数组中设置min/maxWidth。
相反，我所做的是迭代列数组，添加每个列的“宽度”字段的值，然后做一个简单的数学计数，将最后一个列的宽度设置为innerWidth - totalColumsWidth + lastColumnWidth。
代码：
function lastColumnWidth(columns)
{
var widthSum = 0;
angular.forEach(columns, function(col) {
if(col.width) { widthSum = col.width + widthSum; }
});
if(window.innerWidth > widthSum) {
columns[columns.length-1].width = columns[columns.length-1].width + (window.innerWidth - widthSum);
}
return columns;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17360367
复制相关文章
相似问题
最后一列应该如何占用jqgrid中的剩余空间
CSS:大小div所以中间div使用所有剩余的空间。
使JavaFX TableView中的最后一列占用剩余空间
使用自动布局空间约束时的剩余空间
自动调整最后一列的大小
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
