ZYCHOOO / sticky-table

📋特定行可以吸顶的表格组件

@boacho/sticky-table - 吸顶表格组件

• 🔥 Vue3 Composition Api
• 💻 Written in TypeScript

Installation

   npm install @boacho/sticky-table

Usage

// main.ts
import { createApp } from 'vue'
import StickyTable from '@boacho/sticky-table'
import '@boacho/sticky-table/style.css'
import App from './App.vue'

const app = createApp(App)

app.use(StickyTable)
app.mount('#app')

Attributes

Name	Description	Type	Accepted Value	Default
data	Table data	Array	-	-
columns	Table Columns	Array	-	-
border	to show border or not	Boolean	-	false
stickyKey	key that controls rows to stick to the top	String	-	'isSticky'
max	Maximum number of rows displayed in the sticky section	Number	-	3
rowHeight	row's height	Number	-	40

Events

Name	Description	Parameters
row-click	triggers when a row is clicked	row