vue-table-column-resizer

A Vue.js component that allows you to resize your table columns.

Requirements

• Vue.js 3.x

Installation

npm install vue-table-column-resizer

Usage

<template>
    ...
    <v-data-table-server
        ...
        v-table-column-resizer
    >
    </v-data-table-server>
    ...
</template>

<script>
import vTableColumnResizer from 'vue-table-column-resizer'
</script>

Options

option	type	description	デフォルト値
persist	boolean	Specify whether column widths are saved to local storage	false
persistId	string	Identifier used as key for local storage	''
resizerWidth	number	Specify the width of the resize bar for column resizing	20
debug	boolean	Enabling debug mode displays additional information	false
columnsMinWidth	number	Minimum width of each column	50
customColumnsMinWidth	{ [key: number]: number }	Specify individual minimum widths for specific columns. The key is the column index and the value is width.	{}
disabledColumns	number[]	Index of the column you want to disable resizing	[]
dividerColor	string	resize bar color	null

Examples

npm run build
npm run dev:examples

License

see LICENSE