问带有粘性标题和滚动条的ant.design表格将列宽缩小到内容的大小，使空列的标题不可读
EN

Stack Overflow用户

提问于 2021-04-19 20:02:25

回答 2查看 389关注 0票数 0

如何在不设置固定列宽的情况下调整CSS，使所有列至少与标题一样宽？唯一的变化是表中sticky的设置。

在这个屏幕截图上，17个列标题中只有7个是可读的：

发布于 2021-04-19 23:05:49

我将导入一个包含以下内容的overrides.css文件：

th.ant-table-cell {
  white-space: nowrap;
}

票数 0

发布于 2021-04-21 00:01:17

以某种方式，必须指定常规单元格的宽度，以便它们至少与相关的标头一样宽。此css使其看起来可以接受，但对于某些列仍然太宽：

.projektTable th {
    white-space: nowrap;
}

.projektTable td {
    white-space: nowrap;
    min-width: 180px;
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67161650

复制

相似问题

问带有粘性标题和滚动条的ant.design表格将列宽缩小到内容的大小，使空列的标题不可读EN