表列调整Salesforce lightning SLD的大小

我试图按照这里提供的解决方案为表应用可调整大小的列

问题：第一次拖动列大小调整手柄时，它不起作用，但第二次拖动时起作用

Div标签：

<div class="slds-resizable">
<input type="range" min="20" max="1000" class="slds-resizable__input slds-assistive-text" id="cell-resize-handle-602" tabindex="0" />
    <span class="slds-resizable__handle" onmousedown="{!c.calculateWidth}" ondrag="{!c.setNewWidth}">
        <span class="slds-resizable__divider"></span>
    </span>
</div>

我是否需要向事件“mousedown”和“Drag”添加任何标志