Skip to content

GridDragResize

Props

GridDragResizeProps<T>

NameTypeDefaultDescVersion
columns (v-model)number1Number of columns0.0.17
rows (v-model)number1Number of rows0.0.17
gapnumber0gap size0.0.17
columnSizenumberundefinedColumn size, undefined as 1fr0.0.17
rowSizenumberundefinedRow size, undefined undefined as 1fr0.0.17
columnExpandablebooleanfalseEnable columns to expand to the right0.0.17
rowExpandablebooleanfalseEnable rows to expand to the bottom0.0.17
children (v-model)GridDragResizeItemProps<T>[][]children Props0.0.17
dragHandlerstring''Drag anchor (querySelector), children has higher priority0.0.17
readonlybooleanfalseReadonly, true will disable the draggable/resizable/removable of children0.0.17
subbooleanfalseWork as sub component, columnExpandable and rowExpandable will be disabled0.0.17
droppingChildGridDragResizeItemPropsundefinedChild which is dropping0.2.6

children Props

GridDragResizeItemProps<T>

NameTypeDefaultDescVersion
columns (v-model)number1Number of columns0.0.17
rows (v-model)number1Number of rows0.0.17
columnStart (v-model)number1CSS columnStart0.0.17
columnEnd (v-model)number2CSS columnEnd0.0.17
rowStart (v-model)number1CSS rowStart0.0.17
rowEnd (v-model)number2CSS rowEnd0.0.17
dragHandlerstring''Drag anchor (querySelector)0.0.17
draggablebooleantrueDraggable0.0.17
resizablebooleantrueResizable0.0.17
removablebooleantrueRemovable0.2.0
overflowstring'hidden'CSS overflow0.0.17
render() => VNodeundefinedContent0.0.17
dataTundefinedData0.0.17