vue表格生成组件_Vue组件,用于生成HTML表格元素

simter-vue-table是一款Vue.js组件,用于方便地生成HTML表格元素。提供简单列、组列及复杂组列的示例,支持通过Js配置和HTML模板创建表格,适用于开发调试和实际项目应用。
摘要由CSDN通过智能技术生成

vue表格生成组件

Vue组件模拟器表 (Vue Component simter-vue-table)

A Vue component used to generate HTML table element.

Vue组件,用于生成HTML表格元素。

Options:

选项:

Name___________ Require ValueType Description
columns true [{}] Define table columns
├ id false String The column's id, it's the key in the rows item
├ label true String The column's visible text
├ width false String The column's width, such as '2em'
├ children false [{}] The child group columns. id and width will be ignored if define this property
├ headerClass false String This column's thead/tr/th element class, follow Vue Class Bindings
├ headerStyle false String This column's thead/tr/th element style, follow Vue Class Bindings
├ class false String This column's tbody/tr/td element class, follow Vue Class Bindings
├ style false String This column's tbody/tr/td element style, follow Vue Class Bindings
├ cell false {}
String
Define cell customized, String type means setting component value
│ ├ component false String The cell component's name
│ ├ classes false {} Define the cell's inner dom elements classes, keys is up to the component design
│ ├ styles false {} Define the cell's inner dom elements styles, keys is up to the component design
│ ├ ...custom false custom The custom properties for all this column's cell component. It is up to the component design
rows true [{}] The table's row data
classes false {} Define inner dom elements global classes
├ headerRow false String thead/tr class, follow Vue Class Bindings
├ headerCell false String thead/tr/td class, follow Vue Class Bindings
├ row false String tbody/tr class, follow Vue Class Bindings
├ cell false String tbody/tr/td class, follow Vue Class Bindings
├ groupRow false String group tbody/tr c
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值