collapse

基于原生的JS实现拖动Table行

测试拖动Table行Hello1Hello2.table{width:60%;border:1pxsolidred;border-collapse:collapse;}.tabletd{border:1pxsolidred
雾里看花叹朦胧·2020-08-22 17:04

vant的Collapse 折叠面板和单元格中使用v-for

importVuefrom'vue';import{Cell,CellGroup,Collapse,CollapseItem}from'vant';在使用v-for时，必须配合使用v-bindexportdefault
晓未苏·2020-08-22 16:14

element的折叠面板Collapse组件的二次封装

一、封装Collapse组件新建Collapse.vue文件，放在vue项目的components文件夹下搜索exportdefault{computed:{activeNames:{//collapse
ddx2019·2020-08-22 16:45

bootstrap的collapse事件，标签页事件

//bootstrap的collapse事件，标签页事件吴先生2015-04-04 16:20 丁丁18373631002催办：2015-12-12$('#collOne').on(
元生态·2020-08-22 16:13

Vue + TypeScript + ElementUI 自定义实现下拉动画效果

ElementUI有个Collapse折叠面板的组件http://element-cn.eleme.io/#/zh-CN/component/collapse那我可不可以只用下拉的那个效果呢，嗯哼？
Caroline_Luo88·2020-08-22 16:30

今日份的未解之谜：在代码中引入ant库中的Collapse折叠面板，在正式环境的代码中无法显示

{{text}}{{text}}{{text}}exportdefault{data(){return{text:`Adogisatypeofdomesticatedanimal.Knownforitsloyaltyandfaithfulness,itcanbefoundasawelcomeguestinmanyhouseholdsacrosstheworld.`,activeKey:['1'],
一只学习的小透明·2020-08-22 16:07

仿制element-ui的Collapse 折叠面板组件

几天没有更新博客了，最近有点忙，没时间写博客，今天偷下懒，写写博客。废话也不多说，说正题，这个折叠面板组件的实现使用了transition过渡动画和css3的变量，使用原生的JS实现逻辑，用到部分ES6的语法，现在本人也还没搞得太透彻，理解明白了，会写一些关于ES7及其更新的语法的博客。这是效果图：这个控件比较简单，我就直接上代码了，不明白的朋友可以在评论里留言，我会改进的；或者是有大神指点我一二
zhongjunyao·2020-08-22 15:29

Element-UI 进入页面手风琴就全部展开，无需挨个点击展开

使用的前端框架时VUE.核心的html代码如下：{{o.groupname}}{{co.dept}}总{{co.total}}年{{co.lastyear}}以上代码包含了具名插槽知识点，将slot的名字与在el-collapse-item
ysfscdn·2020-08-22 15:52

fieldset的collapse和expand事件

id:'emailalertform',xtype:'form',defaults:{width:'50%'},autoWidth:true,//frame:true,border:false,bodyStyle:'padding:5px5px0',labelStyle:'text-align:left',labelAlign:'left',items:[{xtype:'hidden',name:
weixin_30449453·2020-08-22 15:42

修改elementui默认样式，例如折叠面板修改，el-collapse-item__wrap

刚好有个需求，折叠面板中试用了选项卡，选项卡中有三个数据量不同的表格，为防止切换的时候页面跳动，所以给折叠面板设置一个最小高度min-height。如果直接在外层设置最小高度，那么折叠之后外框依然存在，所以要设置折叠内容区。方法如下：1.在父元素中写一个类名2.然后通过f12审查元素找到子级默认样式的类名：3.为不改变全局样式，使用父级类名加>>>深入符号直接强制更改，即可完成效果：
佛系程序媛·2020-08-22 15:43

element-ui中collapse默认展开

 与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。简化流程：设计简洁直观的操作流程；清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；帮助用户识别：界面简单直
hlvy·2020-08-22 15:12

Bootstrap插件collapse源码的学习

使用说明手风琴插件可以分为两部分：可点击的标题区，和展现的内容区标题区，需要定义data-toggle="collapse"和data-parent="#example"（即包含他们的容器），还有data-target
前端小菜鸟·2020-08-22 15:45

如何使点击ElementUI collapse 上的组件时不响应折叠/展开

情景：点击折叠面板上的输入框时，会出现折叠面板也跟着响应的情况方法：可以在el-input外套一层div，监听这个div的点击事件，然后阻止冒泡事件。输入框代码：关键字：exportdefault{name:'searchBar',data(){return{input:''}},methods:{//阻止事件传播stopProp:function(e){e.stopPropagation()}}
张敬远·2020-08-22 15:17

组件-Element—Collapse（ 折叠面板）

组件-Element—Collapse（折叠面板）组件—折叠面板基础用法与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；在界面中一致：所有的元素和结构需保持一致，比如：设计样式
ForeverJPB.·2020-08-22 15:12

Vue使用Element的折叠面板Collapse设置默认全部展开

这个适用于需要for循环负责展开的属性是valueXXXXXXXXXXXXXXXXXXXXXXXXexportdefault{data(){return{List:[{aaa:"123"},{aaa:"354"},{aaa:"asfdvg"}]};},computed:{opened(){returnthis.List.map((i)=>{returni.aaa;});}},}
静沐静好·2020-08-22 15:18

解决ElementUI框架的el-select嵌套el-tree导致下拉框定位不准

解决：在el-tree折叠node-collapse事件的时候，重新计算下拉框的to
南山区古天乐·2020-08-22 13:29

四、清除button、input、select、a、li默认样式

1、去掉表格之间的间隙，给table一个属性border-collapse:collapse;2、li去掉前面的点list-style-type:none;3、input清除原来样式input{background
懒羊羊3号·2020-08-22 13:47

jq.ajax+php+mysql实现分页显示数据

这里是数据展示页面的代码】*{margin:0;padding:0;}.msg{width:800px;margin:50pxauto;}table{width:800px;height:200px;border-collapse
前端戏子·2020-08-22 12:20

页面架构HTML+CSS ヾ(o◕∀◕)ﾉ 常用居中&多列布局

（2）全局样式定义2.特别注意（1）项目开发初期就定义好（2）reset.css在引入的时候一定要放在第一位（3）不同的产品reset.css不一样3.table合并边框间距table{border-collapse
一只瓦罐·2020-08-22 10:48

原生JS模拟Bootstrap中的折叠(Collapse)插件

以前实习的时候因为赶时间直接用bootstrap的插件collapse.js做了个折叠菜单，对于一个原生控来说还是更倾向于自己写一个，毕竟为了个折叠菜单引入jq和bootstrap有点太臃肿了。
囧囧·2020-08-22 09:26

javascript制作查找表格内容并高亮显示效果

Documenttable{width:500px;border-collapse:collapse;border:1pxsolidgray;}th,td{line-height:30px;border
前端阿良·2020-08-22 04:45

javascript制作表格行高亮显示效果

Documenttable{width:500px;border:1pxsolidgray;border-collapse:collapse;}td,th{line-height:35px;text-align
前端阿良·2020-08-22 04:44

jquery中选择除了自己之外的同类名的其他元素

当同类名的元素层级比较复杂无法用parent和siblings快速选择元素时可以运用not（this）方法进行排他切换例：类型为.sidebar-collapse.menuItemif($(this).
曾、小闲·2020-08-22 02:01

超简单的日历插件，纯js手写。

日历插件table{border:1pxsolid#ccc;border-collapse:collapse;}th,td{padding:35px;}一二三四五六日varlog=console.log
javaStudentZhang·2020-08-22 01:32

用js实现动态添加表格数据

第一种方式:tabletable{margin:auto;width:60%;border:1pxsolidblack;border-collapse:collapse;}tablecaption{color
艺术海洋·2020-08-22 01:11

JS 搜索定位关键字（Ctrl + F 效果）

此功能只支持IE，目前尚未找到兼容各浏览器的定位脚本，有需要的同学Copy吧：JS搜索定位关键字.main{padding:0;width:100%;margin:0px0px0px0px;border-collapse
码农先生·2020-08-22 00:07

js五道经典练习题--第五道成绩列表

*{margin:0;padding:0;}table{width:500px;margin:0auto;border:1pxsolid#ddd;border-collapse:collapse;text-align
AsaZyf·2020-08-22 00:41

html页面转成word文档

111213212223313233414243515253htmlToWord($("#content"),"test01");functionhtmlToWord(ele,name){varrules="table{border-collapse
JustStand·2020-08-21 20:09

响应式的导航栏

为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有classes.collapse、.navbar-collapse的中。
niuyongaiai·2020-08-21 20:00

demo1

测试table,th,td{border:1pxsolidgrey;border-collapse:collapse;padding:5px;}tabletr:nth-child(odd){background-color
lisenustc·2020-08-21 19:48

给表格添加样式

table{width:300px;margin:0auto;/*border:1pxsolidblack;当设置边框合并时就用不到这2行代码*//*border-spacing:10px;*/border-collapse
默笙666·2020-08-21 17:54

js向表格中添加数组中的数据

Documenttable,tr,td{width:600px;height:100px;text-align:center;border:1pxsolid#ccc;border-collapse:collapse
月落星河°·2020-08-21 17:06

CSS中的table标签的圆角

在CSS中如果给table标签加了border-collapse属性的话想要在给table添加border-radius是无效果的,发生冲突
沙漠驼舟·2020-08-21 16:38

jsp分页查询模板

jsp分页查询模板改改就能用Inserttitleheretable{border:1pxsolidred;border-collapse:collapse;margin:auto;margin-top
.GEEK·2020-08-21 16:47

Bootstrap折叠导航栏

>a.navbar-brand不折叠的菜单首项+button.navbar-toggler*以上屏幕不显示，*以下屏幕显示按钮>span.navbar-toggler-icon按钮上的三条线+div.collapse.navbar-collapse
C-kathryn·2020-08-21 15:19

WEB标准中细线表格的实现方法

细线表格简单实现table{border:1pxsolid#000;border-width:1px001px;margin:2px02px0;text-align:center;border-collapse
前端基础开发·2020-08-21 14:20

完成建立二维数组,生成table表格内容

table{border-collapse:collapse;}tabletd{border:1pxsolid#000000;}序号姓名年龄地址性别vararr=[['张123',18,'北京','男'
紫晶辉·2020-08-21 12:20

js_数组的应用：生成表格

根据数组的内容，生成页面中的table表格我们从数据库或者借口获取到的数据信息，往往都是数组形式基本都是二维数组形式html部分是Documenttable{border-collapse:collapse
秋刀鱼没有猫滋味·2020-08-21 12:50

JQuery元素操作:插入,删除数据

元素操做p{text-align:center;}table{margin:0auto;width:500px;}table,tr,td{border:1pxsolidblack;border-collapse
文质木木·2020-08-21 12:45

JQuery元素操作:插入,删除数据

原文链接元素操做p{text-align:center;}table{margin:0auto;width:500px;}table,tr,td{border:1pxsolidblack;border-collapse
我不是费圆·2020-08-21 12:04

Html5 canvas 绘制彩票走势图

先来一张效果图：实现的代码：table{border:0;margin:0;border-collapse:collapse;border-spacing:0;font-size:
孤芳-自赏·2020-08-21 11:42

给表格添加样式

给表格添加样式table{width:300px;margin:0auto;/*border:1pxsolidblack;*//*border-spacing:0px;*//*控制两个边框距离*/border-collapse
斜杠先生_·2020-08-21 11:18

给tr加边框无效解决方案

12212122121121221运行在浏览器中不显示border给tr设置border没有效果，后来查阅了资料才知道，给table加上一个样式即可table{border-collapse:collapse
zlzbt·2020-08-21 07:46

前端学习方法总结

w3cschoolbootcdn学习js基本语法：F12打开控制台，一边学一边试http://www.jq22.com/插件库http://www.ziqiangxuetang.com/bootstrap/bootstrap-collapse-plugin.html
dejing6575·2020-08-21 03:27

EasyUI Treegrid 点击文本不折叠/展开，点击图标才折叠/展开

$("#tt").tree('getSelected').state=='open'){$(this).tree('expand',node.target);}else{$(this).tree('collapse
王根基·2020-08-21 01:31

jsp页面实现饼图

1.点击饼图其中模块，跳转到另一个页面应急资源全局统计图body{font-size:9pt;background:#F3FBFE}table{border-collapse:collapse;border
lijiemissfei·2020-08-21 00:01

EasyUI tree 实现点击展开/折叠

expand':'collapse',node.target);}});作者：itmyhome
麦田·2020-08-21 00:49

white-space-collapse 浏览器什么时候才能支持

早在2007年就有人向w3组织提交了css草案white-space-collapse。不过一直没有得到实现，而且各大浏览器貌似也不想实现。
iteye_20231·2020-08-21 00:36

Echarts自定义数据视图样式（表格样式）

EChartstable{cellspacing:0;*border-collapse:collapse;/*IE7andlower*/border-spacing:0;width:100%;}.borderedtr
氵易风灬·2020-08-20 21:05

深入理解CSS外边距折叠（Margin Collapse）

外边距叠加一直是前端开发必须了解的一个概念，面试一般也会问到这个问题。所以整理一下相关外边距叠加相关的知识点。外边距叠加是什么？什么时候会发生外边距叠加？如何避免外边距叠加？什么是外边距叠加先来看看W3C对于外边距叠加的定义：InCSS,theadjoiningmarginsoftwoormoreboxes(whichmightormightnotbesiblings)cancombinetofo
有赞前端·2020-08-20 20:50
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他