位置固定宽度问题在CSS

如何解决位置固定宽度问题在CSS

我创建了一个表格并在表格行上实现了拖放功能。当我开始拖动行时，它将应用以下样式。但是，被拖动的行元素的宽度和位置（屏幕快照中的蓝色行）正在更改，并且与其他行不一致。有什么想法可以使表格单元格中的位置发生变化的情况下，如何与其他行保持一致的样式？

    background-color: rgb(208,229,250);
    position: fixed;
    top: 366px;
    left: 97px;
    Box-sizing: border-Box;
    width: 1144px;
    height: 62px;
    transition: opacity 0.2s cubic-bezier(0.2,1) 0s;
    z-index: 5000;
    pointer-events: none;
    transform: translate(2px,3px);

此外，每个表格单元格的宽度为％（例如第一个td的宽度为30％）