Avue前端控件大全和表格属性

Stella981
• 阅读 657

// 表格属性
// width: “100%”,//表格宽度
// calcHeight: “auto”,//表格高度差(主要用于减去其他部分让表格高度自适应)
// height: “auto”,//表格高度
// maxHeight: “auto”,//表格最大高度
// border: true,//是否显示表格边框
// expand: false,//是否展开折叠行
// index: false,//是否显示表格序号(根据分页会自动计算,比如每页10行,到了第二页就会从11开始记数)
// indexLabel: “#”,//序号的标题
// stripe: true,//是否显示表格的斑马条纹
// showHeader: true,//是否显示表格的表头
// //defaultSort:表格的排序字段{prop:‘date’,order:‘descending/ascending’}prop默认排序字段,order排序方式
// align: “center”,//表格列对其方式left/center/right
// menu: true,//是否显示操作菜单栏
// menuWidth: 240,//操作菜单栏的宽度
// menuAlign: “left”,//菜单栏对齐方式left/center/right
// searchSize: “small”,//搜索控件的大小small/mini
// columnBtn: true,//列显隐按钮
// refreshBtn: true,//刷新按钮
// addBtn: true,//添加按钮
// searchBtn: true,//搜索显隐按钮(当column中有搜索的属性,或则searchslot为true时自定义搜索启动起作用)
// editBtn: true,//行内编辑按钮
// delBtn: true,//行能删除按钮
//列属性
// label:“租户ID”,//列名称
// prop:“id”,//列字段
// placeholder:“请输入租户ID”,//控件提示输入语句
// align:“left”,//列的对其方式,覆盖table的align
// //width://列宽度
// minWidth:“auto”,//列最小宽度
// sortable:false,//排序
// hide:true,//隐藏列 表格起作用
// span:12,//表单栅列
// //precision:2,//数字框输入精度(当type为number时)
// search:false,//是否支持搜索
// type:“input”,//input/select/radio/checkbox/textarea/cascader/date/time/datetime/daterange/timerange/datetimerange/week/month/year/dates/password/switch/tree
// //maxRows:4,//最大行(当type为textarea)
// //minRows:2,//最小行(当type为textarea)
// //multiple:false,多选(当type为select/tree时)
// //format:"",//显示值时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/date
// //valueFormat:"",//真实值的时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/dates)
// clearable:true,//表单清空
// size:“medium”,//表单大小medium/small/mini
// editDisabled:false,//表单编辑时是否禁止
// editDisplay:false,//表单编辑是否可见
// addDisabled:false,//表单编辑时是否禁止
// addDisplay:false,//表单编辑是否可见
// slot:false,//列自定义 支持自定义列
// formslot:false,//表单自定义
// // fixed:true,//冻结列
// formWidth:“auto”,//表单宽度
// formHeight:“auto”,//表单行高度
// overHidden:false,//超出隐藏
// //rules://表单规则,参考ele表单规则配置Object
// //dicData://传入本次需要的静态字典(在column中dicData写对象key值即可加载)
// //dicMethod://传入字典的请求方式
// //dicQuery://传入字典的请求参数Object
// //dicUrl://字典的网络请求接口(例如配置/xxx/xx/{{key}},这样的格式,在column中dicData自动匹配prop字段名)

点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
vue element
工作中遇到后台给的表格数据里时间是一个13位的时间戳,需要转换成时间显示在表格里,可以用elementui表格自带的:formatter函数,来格式化表格内容:1//时间戳转换成时间2//使用elementtable组件中的formatter属性,传入一个函数3timestampToTime
皕杰报表如何在web页面调节大小和位置和按钮?
皕杰报表工具中报表在页面显示的大小和位置可以通过在URL后面添加servlet参数的方式来控制。控制页面大小的参数有两个,一个是rptwidth,一个是rptheight,分别代表报表在页面的输出宽度和高度,支持像素和百分比。控制工具条位置的是toolbardisplay,他有四个参数值,top在表格上方显示,below在表格下方显示,bottom在表格底
Stella981 Stella981
2年前
Jquery创建表格、填充表格数据、重置表格
1.Jquery创建表格/创建表格@paramlabel标题@paramdata数据@paramtableElementhtml元素,表格插入至此元素中/functioncreateTable(label,data,tableElemen
Stella981 Stella981
2年前
Cad 转 Excel方法
△Cad转Excel方法一,CAD自带的表格1,单击菜单栏→绘图→表格(或者在命令行输入table命令)2,选中该表格,右键选择输出,3,选择输出的路径,4,输出完的表格直接打开,可以看到表格出现了变化,不调节基本都用不了。△Cad转Excel方法二,该方法借助一个小插件,1,加载插
Wesley13 Wesley13
2年前
2020软件工程作业03
<styletable{width:100%;/\表格宽度\/margin:auto;/\外边距\/emptycells:show;/\单元格无内容依旧绘制边框\/fontsize:18px;}table,th,td{border:2pxsolidpink;}li{fontsize:1
Stella981 Stella981
2年前
IE7、IE8、IE9对min
问题:    IE7、IE8、IE9对minheight不识别,其他无问题解决:   box{width:100px;height:35px;}   htmlbodybox{width:auto;height:auto;width:100px;minheight:35px;} 实例:
Stella981 Stella981
2年前
SpreadJS 纯前端表格控件 V12.2 发布更新
用不到100行代码,在前端实现Excel的全部功能千万前端开发者翘首企盼,SpreadJSV12.2终发布更新:六大功能特性,带来更多便利,用不到100行代码,在前端实现Excel的全部功能!SpreadJS是一款基于HTML5的纯前端电子表格控件,以“高速低耗、高度类似Excel、可无限扩展”为产品特色,提供移动跨平台和浏览器支持
Stella981 Stella981
2年前
SpreadJS 纯前端表格控件应用案例:资料填报系统
由达美盛研发的资料填报系统,借助SpreadJS纯前端表格控件提供的API,实现了高度类似Excel的数据资料填报审批界面,用户可在线完成打印归档、组卷存储和分析。下面,让我们一起来看看达美盛是如何在“资料填报系统”中应用表格技术,实现“数据填报(https://www.oschina.net/action/GoToLink?urlhttp
Wesley13 Wesley13
2年前
HTML表格的基本结构标记
<table标记1.基本格式:<table属性1"属性值1"属性2"属性值2"......表格内容</table2.table标记的属性  width属性  表示表格的宽度,他的值可以是像素(px)也可以是父级元素的百分比(%)  height属性  表示表格的高度,他的值可以是像素(px
小万哥 小万哥
5个月前
Python MySQL 数据库查询:选择数据、使用筛选条件、防止 SQL 注入
从表格中选择数据要从MySQL中的表格中选择数据,请使用"SELECT"语句:示例选择"customers"表格中的所有记录,并显示结果:pythonimportmysql.connectormydbmysql.connector.connect(host