更新记录

1.1.1(2026-02-04)

上线


平台兼容性

uni-app(3.6.16)

Vue2 Vue2插件版本 Vue3 Vue3插件版本 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
1.1.1 1.1.1 - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - - -

该组件高度依赖于 element-ui的el-table、el-checkbox和el-button

ruoyi可直接使用

<NTable :table-data="list" index selection :columns="cloumns" :loading="loading"
            @handleSelectionChange="handleSelectionChange" @update-config="onUpdateConfig" @handleSort="handleSort" />

使用为list为列表数据如

            list:[{
                    name:"张三",
                    age:20,
                    cardID:"123456789"
                },{
                    name:"李四",
                    age:20,
                    cardID:"987654321"
                }]

cloumns为表格的列数参数

//              cloumns的参数结构
                    //              {
                    //                  label:表头名
                    //                  prop:字段名(也是 slot 名、也是拖拽/显示隐藏的唯一标识)
                    //                  width:列宽(字符串/数字都行)
                    //                  minWidth:最小列宽(可选)
                    //                  fixed:是否固定列(可选,ElementUI 原生 fixed)
                    //                  visible:是否显示(可选;默认显示)
                    //                  sortable:是否启用原生排序事件(可选;true 时会触发 ElementUI 的 sort-change)
                    //                  type:是否是其他类型的数据如index、selection
                    //                  actions:操作菜单选项
                    //              }

cloumns示例为

{
                        "label": "选择框",
                        "prop": "selection",
                        "width": 55,
                        "fixed": false,
                        "visible": true,
                        "sortable": true,
                        "type": 'selection'
                    },
                    {
                        "label": "序号",
                        "prop": "index",
                        "width": 55,
                        "fixed": false,
                        "visible": true,
                        "sortable": true,
                        "type": 'index'
                    },
                    {
                        "label": "名字",
                        "prop": "name",
                        "width": 200,
                        "fixed": false,
                        "visible": true,
                        "sortable": true
                    },
                    {
                        "label": "年龄",
                        "prop": "age",
                        "width": 220,
                        "fixed": false,
                        "visible": true,
                        "sortable": true
                    },
                    {
                        "label": "身份证",
                        "prop": "cardID",
                        "width": 220,
                        "fixed": false,
                        "visible": true,
                        "sortable": true
                    },{
                        label: "操作",
                        prop: "action",
                        actions: [{
                            label: '查看信息',
                            hasPermi: ['business:orderhis:editlaidan'],//此为权限,使用的ruoyi的权限判断,不用不传
                            type: 'text',//button的类型
                            icon: 'el-icon-edit',//图标
                            clickEvent: this.handleUpdateLaidan,//点击事件,接收行的objct数据
                            vif: this.canUpdateLaidan,//判断显示不显示的事件,接收行object数据判断显示不显示该操作按钮
                        }]
                    }]

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。