About antD-vue table after adding scroll bar, dislocation problem

In fact, the VUE version of Ant-Design is similar to react. The problem of adding scroll mismatch in table was discovered by accident during development. After checking some information, the solution is similar: add width to each item in column, and it is better to add percentage

< span style = “max-width: 100%;

Add width as a percentage

{          title: "Your title",          dataIndex: "id",          width: '12.7%'}Copy the code