草庐IT

lock-tables

全部标签

HTML基础————table标签

1.什么是table?table是html中的表格,由tr、td、th元素组成。tr元素定义表格行,th元素定义表头,td元素定义表格单元2.可选的属性属性描述border定义表格的边框cellpadding单元格内内容与单元格边的间距cellspacing单元格与表格边框的间隔sumaary规定表格的摘要width规定表格的宽度3.合并单元格用到表格,那么无可避免的就会用到合并的单元格,例如要在表格的结尾要写总计,这时候就需要合并单元格。合并单元格分为合并列、合并行。rowspan是合并列colspan是合并行那么怎么实现呢 #姓名年龄 1憨憨21 2哈哈21 3嘿嘿24 4芜湖25 5乌拉

form rules校验:动态table中input校验

问题描述使用antd的form-model的rules表单校验那如图表格中的input如何也一同校验?如图可见规则是一个数据结构为二维数组的可动态生成的表格,如何对其中的input进行校验?一维数组表格校验分析先分析简单点的问题,表格是数组,且input是放在插槽里的,如何进行校验?代码中editParam为表单校验的整体对象editParam.jobSetInfoDetails为表格用到的数组二维数组表格校验分析个人理解猜测我猜测表单校验就是对form所绑定对象key->value的校验prop是要让你找到校验目标属性的keyinputv-model绑定的是value数组的只要通过index

form rules校验:动态table中input校验

问题描述使用antd的form-model的rules表单校验那如图表格中的input如何也一同校验?如图可见规则是一个数据结构为二维数组的可动态生成的表格,如何对其中的input进行校验?一维数组表格校验分析先分析简单点的问题,表格是数组,且input是放在插槽里的,如何进行校验?代码中editParam为表单校验的整体对象editParam.jobSetInfoDetails为表格用到的数组二维数组表格校验分析个人理解猜测我猜测表单校验就是对form所绑定对象key->value的校验prop是要让你找到校验目标属性的keyinputv-model绑定的是value数组的只要通过index

element-ui table 表格组件实现可拖拽效果(行、列)

前言最近需要实现table表格,行拖拽的功能,参照了一些优秀文章,实现了一下参考文章Vue进阶(幺零五):elementUI实现表格行列拖拽实现思路主要是借助sortablejs,关于sortablejs我简单写了篇文章,有兴趣的可以看一下拖拽,draggable组件和sortablejs安装npminstalldraggable需要注意的是elementtable务必指定row-key,且row-key必须是唯一的,如ID,不然会出现排序不对的情况。实现思路1、定义一个列的数组,用来放列的数据。然后循环将列渲染出来2、定义一个拖拽列的数组,拖拽后改变列在数组中的排列顺序代码template>

element-ui table 表格组件实现可拖拽效果(行、列)

前言最近需要实现table表格,行拖拽的功能,参照了一些优秀文章,实现了一下参考文章Vue进阶(幺零五):elementUI实现表格行列拖拽实现思路主要是借助sortablejs,关于sortablejs我简单写了篇文章,有兴趣的可以看一下拖拽,draggable组件和sortablejs安装npminstalldraggable需要注意的是elementtable务必指定row-key,且row-key必须是唯一的,如ID,不然会出现排序不对的情况。实现思路1、定义一个列的数组,用来放列的数据。然后循环将列渲染出来2、定义一个拖拽列的数组,拖拽后改变列在数组中的排列顺序代码template>

ElementUI table无缝循环滚动

ElementUItable无缝循环滚动恰好实习的时候遇到了这个需求,而且网上的代码有点僵硬,所以我改了改,顺手水一篇博客出来,其实是很简单的东西。部分思路来源:https://blog.csdn.net/qq_38543537/article/details/122842943但是来源的代码,在滚动到底部时会有非常生硬的切换,我这里改了一些代码,让它的滚动变得流畅。效果:原理:代码:HTML:JS:data(){return{timer:null,//注意:它需要将展示的数据额外复制一份(为了无缝滚动)tableData:[{num:1},{num:2},{num:3},{num:4},{n

ElementUI table无缝循环滚动

ElementUItable无缝循环滚动恰好实习的时候遇到了这个需求,而且网上的代码有点僵硬,所以我改了改,顺手水一篇博客出来,其实是很简单的东西。部分思路来源:https://blog.csdn.net/qq_38543537/article/details/122842943但是来源的代码,在滚动到底部时会有非常生硬的切换,我这里改了一些代码,让它的滚动变得流畅。效果:原理:代码:HTML:JS:data(){return{timer:null,//注意:它需要将展示的数据额外复制一份(为了无缝滚动)tableData:[{num:1},{num:2},{num:3},{num:4},{n

MySQL中dd::columns表结构转table过程以及应用

GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源。GreatSQL是MySQL的国产分支版本,使用上与MySQL一致。一、MySQL的dd表介绍二、代码跟踪三、知识应用四、总结一、MySQL的dd表介绍MySQL的dd表是用来存放表结构和各种建表信息的,客户端建的表都存在mysql.table和mysql.columns表里,还有一个表mysql.column_type_elements比较特殊,用来存放SET和ENUM类型的字段集合值信息。看一下下面这张表的mysql.columns表和mysql.column_type_elements信息。为了缩短显示长度,这里

MySQL中dd::columns表结构转table过程以及应用

GreatSQL社区原创内容未经授权不得随意使用,转载请联系小编并注明来源。GreatSQL是MySQL的国产分支版本,使用上与MySQL一致。一、MySQL的dd表介绍二、代码跟踪三、知识应用四、总结一、MySQL的dd表介绍MySQL的dd表是用来存放表结构和各种建表信息的,客户端建的表都存在mysql.table和mysql.columns表里,还有一个表mysql.column_type_elements比较特殊,用来存放SET和ENUM类型的字段集合值信息。看一下下面这张表的mysql.columns表和mysql.column_type_elements信息。为了缩短显示长度,这里

Vxe-table 高亮当前行

需求1:设置初始高亮子组件:父组件需求2:高亮行的变化,需要把数据传递到兄弟组件中解决办法:EventBus参考链接:http://t.csdn.cn/iwOJcmain.js中:子组件1:子组件2:需求3:子组件把高亮行的index和表格总条数传递给父组件解决办法:子组件给父组件传递多个参数参考链接:https://www.jianshu.com/p/fcd3aabfe2fb