前端之家收集整理的这篇文章主要介绍了
angularjs – 以角度ui网格设置列宽,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
502_0@
我正在使用角度ui网格并且有一个长达30列的网格,我想为列设置固定宽度,以便至少可以轻松看到列
标题.有没有办法设置,比如说所有列的宽度都是10%,或者我必须逐个为每一列做.
在ui-grid-header-cell上设置min-width后,许多列合并为一列
.ui-grid-header-cell {
min-width: 150px !important;
}
设置列定义后,可以
添加以下
内容
for (var i = 0; i < $scope.gridOptions.columnDefs.length; i++) {
$scope.gridOptions.columnDefs[i].width = '10%';
}
这会将所有列设置为您选择的宽度.使用30列10%时,用户将使用水平滚动条查看所有列,如您所愿.我没有改变任何CSS.