更新记录

1.1.1（2026-02-04）

上线

平台兼容性

uni-app(3.6.16)

该组件高度依赖于 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数据判断显示不显示该操作按钮
                        }]
                    }]