angularjs – 以角度ui网格设置列宽
发布时间：2020-12-17 07:30:01 所属栏目：安全 来源：网络整理
导读：我正在使用角度ui网格并且有一个长达30列的网格,我想为列设置固定宽度,以便至少可以轻松看到列标题.有没有办法设置,比如说所有列的宽度都是10％,或者我必须逐个为每一列做. 在ui-grid-header-cell上设置min-width后,许多列合并为一列 .ui-grid-header-cell {
|
我正在使用角度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. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |