Ant-design-vue固定列导致行高度不一致

最新推荐文章于 2024-07-01 17:15:24 发布

where_slr

最新推荐文章于 2024-07-01 17:15:24 发布

阅读量3.6k

点赞数

分类专栏：日常心得注意点文章标签： vue.js html css

本文链接：https://blog.csdn.net/where_slr/article/details/120865835

版权

日常心得注意点专栏收录该内容

15 篇文章 0 订阅

订阅专栏

项目中使用 AntDesign 的表格组件，固定一列后，发现导致行的高度不一致；
表格行高不一致

尝试了给tr固定高度，表面上可行，但如果有一行的内容长度过多时，仍会导致层次不齐；

::v-deep .ant-table .ant-table-tbody tr {
    height: 50px !important;
}

在这里插入图片描述
最后发现是自己的问题，哈哈哈哈

  <a-table
                :data-source="tableDataList"
                :loading="loading"
                :pagination="false"
                :rowKey="(record) => record.thirdOrderId + Math.random()"   //！！！！！！！！Math.random()罪魁祸首
                :scroll="{ x: 1300}"
            >