显示隐藏列

src/components/sa-table/defaultOptions.js

@@ -2,7 +2,7 @@ export default {
   // 当前crud组件的 id，全局唯一，不指定则随机生成一个
   id: undefined,
   // 主键名称
-  pk: 'id',
+  pk: "id",
   // 请求api方法
   api: () => {},
   // 设置分页组件每页记录数
@@ -20,24 +20,26 @@ export default {
   // 斑马线
   stripe: true,
   // 表格大小
-  size: 'large',
+  size: "large",
   // 是否显示展开/折叠按钮
   isExpand: false,
   // 是否显示工具栏
   showTools: true,
   // 页面布局方式，支持 normal（标准）和 fixed（固定）两种
-  pageLayout: 'fixed',
+  pageLayout: "fixed",
   height: 0,
   // 简洁模式
   pageSimple: false,
   // 显示排序
   showSort: true,
+  // 显示隐藏列
+  showColumnSetting: true,
   // 显示搜索
   showSearch: true,
   // 搜索提交按钮文案
-  searchText: '搜索',
+  searchText: "搜索",
   // 搜索重置按钮文案
-  resetText: '重置',
+  resetText: "重置",
   // 强制搜索一行显示
   singleLine: false,
 
@@ -47,9 +49,9 @@ export default {
     // 显示新增按钮的权限
     auth: [],
     // 按钮文案
-    text: '查看',
+    text: "查看",
     // 是否显示
-    show: false
+    show: false,
   },
 
   add: {
@@ -58,9 +60,9 @@ export default {
     // 显示新增按钮的权限
     auth: [],
     // 按钮文案
-    text: '新增',
+    text: "新增",
     // 是否显示
-    show: false
+    show: false,
   },
   edit: {
     // 编辑api
@@ -68,9 +70,9 @@ export default {
     // 显示编辑按钮的权限
     auth: [],
     // 按钮文案
-    text: '编辑',
+    text: "编辑",
     // 是否显示
-    show: false
+    show: false,
   },
   delete: {
     // 删除api
@@ -78,11 +80,11 @@ export default {
     // 显示删除按钮的权限
     auth: [],
     // 按钮文案
-    text: '删除',
+    text: "删除",
     // 是否显示
     show: false,
     // 是否显示批量处理按钮
-    batch: true
+    batch: true,
   },
   import: {
     // 导入url
@@ -94,9 +96,9 @@ export default {
     // 显示导入按钮的权限
     auth: [],
     // 按钮文案
-    text: '导入',
+    text: "导入",
     // 是否显示
-    show: false
+    show: false,
   },
   export: {
     // 导出url
@@ -104,27 +106,27 @@ export default {
     // 显示导出按钮的权限
     auth: [],
     // 按钮文案
-    text: '导出',
+    text: "导出",
     // 是否显示
-    show: false
+    show: false,
   },
 
   // 列对齐方式
-  columnAlign: 'left',
+  columnAlign: "left",
 
   // 是否显示索引列
   showIndex: false,
   // 索引列名称
-  indexLabel: '序号',
+  indexLabel: "序号",
   // 索引列宽度
   indexColumnWidth: 70,
   // 索引列固定方向，false 为不固定
-  indexColumnFixed: 'left',
+  indexColumnFixed: "left",
 
   // 是否显示操作列
   operationColumn: true,
   // 操作列宽度
   operationColumnWidth: 190,
   // 操作列名称
-  operationColumnText: '操作'
-}
+  operationColumnText: "操作",
+};