angularjs – 以角度ui网格设置列宽

前端之家收集整理的这篇文章主要介绍了angularjs – 以角度ui网格设置列宽前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用角度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.

猜你在找的Angularjs相关文章