ant table 固定列后显示错位

在table中经常最后一列用于显示操作按钮,所以常将此列固定于最右侧不动,这样一来这固定的最后一列就脱离的原来的table body 自己单独是一个body, 所以当前方列中有图片,或者其他内容比一行文字占位大的时候会将行高撑开,而固定在最右侧的一列不能被撑开,所以就导致了显示错位的结果。

之前一直查网友的解决方案,绝大多数都是说给每一列设定width, 但是并不好用,于是我就给table的td设置了固定高度。问题解决。

.wrap /deep/ .ant-table-tbody > tr > td {
  white-space: nowrap;
  height: 52px !important;
}

猜你喜欢

转载自blog.csdn.net/zhuangjiajia09/article/details/122447124
今日推荐