vue-easy-table的rowkey设置及行单选
2021/6/6 10:51:11
本文主要是介绍vue-easy-table的rowkey设置及行单选,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
地址:https://happy-coding-clans.github.io/vue-easytable/#/zh/doc/table/row-radio
<ve-table style="width:100%" :columns="columns" :table-data="tableData" :radio-option="radioOption" row-key-field-name="rowKey" // rowkey为数据源的唯一值,后端给定,或者自己加上去。 /> `` tableData: [ { rowKey: 1001, name: "John", date: "1900-05-20", hobby: "coding", address: "No.1 Century Avenue, Shanghai", }, { rowKey: 1002, name: "Dickerson", date: "1910-06-20", hobby: "coding", address: "No.1 Century Avenue, Beijing", }, ], }; ```javascript columns: [ // 三列数据,多一列是单选框,fiedl和title设置为空 { field: "", key: "a", // type=radio type: "radio", title: "", width: 50, align: "center", }, { field: "name", key: "b", title: "Name", width: 200, align: "left" }, { field: "hobby", key: "c", title: "Hobby", width: 300, align: "left" }, { field: "address", key: "d", title: "Address", width: "", align: "left" },
这篇关于vue-easy-table的rowkey设置及行单选的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist