一身肌肉的烤红薯 · 邱高-四川大学电气工程学院· 2 月前 · |
打酱油的菠萝 · Java反射遍历所有字段 ...· 3 月前 · |
紧张的烤面包 · vue.js - How to ...· 1 年前 · |
开朗的松鼠 · 如何将列表中的对象按两个字段分组?-腾讯云开 ...· 1 年前 · |
阳刚的核桃 · 如果在 Python 中使用 ...· 1 年前 · |
我正在尝试修复primeNG表中第一列的宽度,但是它在某种程度上覆盖了我的CSS,即使它在检查元素时显示。
基本上,我在寻找CSS,通过更改选项卡,表的第一列将有一个固定的宽度,无论所有列的大小。
我已经尝试了定义第一个孩子的固定宽度的方法,但是它是基于宽度的:100%。
在上面的图像中,您可以看到大小是368,尽管它是100 it定义的。
同样,当我更改选项卡时,宽度是920,甚至100 as是固定的。
有任何方法,我可以定义固定宽度100‘t有表宽度:100%,因为我不想破坏响应?
以下是可复制的例子,供参考:
发布于 2021-05-28 06:10:06
发布于 2022-01-27 07:56:50
在primeng 12中, 删除了colgroup模板,所以如果您使用colgroup,则应用程序需要删除,因为自定义宽度不适用于列,如果使用的是可滚动的检查迁移指南. 。
链接: https://github.com/primefaces/primeng/wiki/Migration-Guide
解决方案:如果使用动态列,则需要为和两个标记添加相同的宽度,然后再添加一个属性宽度,如下所示
{标头:“名称”,字段:“名称”,宽度:‘100’} //列对象数组对象
<p-table [value]="data" [columns]="ColumnObjectArray">
<ng-template pTemplate="header" let-columns>
<th *ngFor="let col of columns; let idx=index;" class=""
[style]="'width':col.width">{{col.header}}</th>
</ng-template>
<ng-template pTemplate="body" let-data let-columns="columns">
一身肌肉的烤红薯 · 邱高-四川大学电气工程学院 2 月前 |