element table添加border属性拖动后，行样式错咧

在 HTML 中，使用 `border` 属性来添加边框可能会导致表格的布局出现问题。这是因为 `border` 属性会改变表格单元格的大小，从而导致表格的列宽和行高发生变化。解决这个问题的一个办法是使用 CSS 的 `border` 属性来代替 HTML 的 `border` 属性，同时使用 `border-collapse: collapse` 来确保边框相邻、无重叠。

另外，如果您使用了拖动功能，可能需要注意拖动后的样式变化。建议在拖动前记录表格的样式，然后在拖动结束后重新设置样式。您可以使用 JavaScript 或 jQuery 等库来实现这个功能。例如，使用 jQuery，可以在拖动结束后执行以下代码：

$(document).on('mouseup', function() {
  $('table').css('border-collapse', 'collapse');
});

这将确保在拖动结束后，表格的样式会恢复到正确的状态。

相关问题

element ui表格设置border属性后拖动行，内容依旧是显示省略号

这个问题可能是由于表格的样式设置导致的。如果你设置了表格的`border-collapse`属性为`collapse`，那么在拖动行时，可能会出现内容省略号的问题。解决这个问题的方法是将`border-collapse`属性设置为`separate`。

你可以在表格的样式中添加以下代码：

.el-table {
  border-collapse: separate;
}

这样设置后，拖动行时就不会出现内容省略号的问题了。

element ui表格设置border属性后拖动行表头，内容依旧是显示省略号

如果您在使用 Element UI 表格组件时设置了 `border` 属性，然后在拖动行表头时发现内容依旧显示省略号，可以尝试给表格的 `td` 元素设置 `white-space: normal` 样式，以解决内容显示不全的问题。

具体方法如下：

在表格组件的 `style` 中添加以下样式：

.el-table__body td {
  white-space: normal;
}

这样，当您拖动行表头时，表格的内容就能够完整地显示出来了。