In the native grid for Vue, how to lock a custom column with resizable=true, which will cause two problems. One is that although the grid header can be locked, the underlying data is not locked. The other is that when changing the column width of the locked column, styling issues will occur when moving left and right. You can see the specific case below：
1 Answer, 1 is accepted
Hi Quishen,
When custom cell is used with resizing and locked column, you need to ensure that you are setting the correct styles to the TD element (available within the template props):
<template #nameTemp="{ props }">
<td :colspan="props.colspan" :class="props.class" :style="props.style">
{{ props.dataItem[props.field] }}
</td>
</template>Here is the modified example;
Give this a try and let us know if further assistance is needed.
Regards,
Konstantin Dikov
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!