精华内容
下载资源
问答
  • 效果图: 实现: <el-button @click="addziduan">添加字段</el-button> 表格原本绑定的数据 prototypes:[ ... describe: '设备类型字段,不可修改', ... // 向表格数组中数据添加 this.prototypes.pu

    稍微理了一下思路:
    在这里插入图片描述
    效果图:
    在这里插入图片描述
    实现:

    <el-button @click="addziduan">添加字段</el-button>
    
    <el-table :data="prototypes" class="kong-box">
        <el-table-column type="index" label="序号" width="100" align="center"></el-table-column>
        <el-table-column prop="aaa" label="姓名" width="480" align="center">
            <template slot-scope="scope">
                <span v-if="scope.row.vVisible">{{scope.row.fieldDescription}}</span>
                <el-input v-else  ref="marker1"v-model="scope.row.fieldDescription" class="inputheight"></el-input>
            </template>
        </el-table-column>
        <el-table-column label="操作" width="160" align="center">
            <template slot-scope="scope">
                <span v-if="scope.row.vVisible" class="items" @click="edit(scope.row)">编辑</span>
                <span v-else class="items" @click="save(scope.row)">保存</span>
                <span>|</span>
                <span class="items" @click="deleteit(scope.row)">删除</span>
            </template>
        </el-table-column>
    </el-table>
    

    表格原本绑定的数据

    prototypes:[
    	{
    	   	name: 'type',
    	    describe: '设备类型字段,不可修改',
    	    isNull: false,
    	    vVisible: true
    	}
    	]
    
    // 添加字段按钮
    addziduan() {
       // 向表格数组中数据添加一行
       this.prototypes.push({
           index: this.prototypes.length,
           name: '',
           describe: '',
           isNull: false,
           vVisible: false
       })
       console.log(this.prototypes)
    },
    // 删除按钮
    deleteit(row) {
        this.prototypes.splice(row.index, 1)
    },
    
    展开全文
  • 表格内部添加行样式

    2019-06-27 21:52:54
    一、在前几天我遇到了一个开发项目时的难题,以为项目开发的需求原因,要实现一个在查询表格里面写一个下拉框样是还有通过鼠标右键点击弹出按钮添加行样式,这个问题困扰了我一周,但是在不断到的更新和修改后,...
                                    表格内部添加行样式
    

    开发工具与关键技术:Visual Studio 2015
    作者:昨夜星辰
    撰写时间:2019年 06月 27日
    一、在前几天我遇到了一个开发项目时的难题,以为项目开发的需求原因,要实现一个在查询表格里面写一个下拉框样是还有通过鼠标右键点击弹出按钮添加行的样式,这个问题困扰了我一周,但是在不断到的更新和修改后,还是把功能做了出来,下面就像大家演示一下我做的页面功能。
    二、首先给一个按钮的样式,通过点击按钮添加行的数据,然后把按钮隐藏,是因为方便后面通过鼠标单击右键才显示。
    在这里插入图片描述
    三、然后获取鼠标的oncontextmenu事件,当触发上下文菜单时运行脚本,然后判断点击事件,通过判断Oncontextmenu的触发事件,获取鼠标的键位,判断鼠标点击的事件,声明需要添加的表格id,然后判断需要添加的样式,
    在这里插入图片描述
    四、然后通过获取表格里面的下拉框数据id,绑定数据,在通过选中一个下拉框数据,把相关的表单数据回填到表格数据里面,声明一个变量,通过标签获取里面的值,然后通过post请求传输数据给控制器查询数据,把需要查询的id赋值给声明的值,然后封装数据,最后表其它的表单数据回填到页面。
    在这里插入图片描述
    五、因为需要添加行的数据,所以要通过表头的数据判断,所以需要把表头书写出来,通过判断表头的数据来获取添加行的内容,
    在这里插入图片描述
    六、然后就是点击添加行的方法了,首先声明一个变量,用来或取行的长度,然后通过行的长度来添加行的数据,在声明一个需要添加行的数据内容,通过表头的长度把你需要的表格内容是下拉框,还是input标签,可以自己写入的表格样式,通过id来添加行数据,通过拼接一个counts来把添加行里面的数据,因为id是唯一的,所以你需要获取数据只能获取到第一条数据,所以你要拼接一个值给它,让他每添加一行数据,就自增加一的赋值,就可以把每一条的数据查询显示出来了,最后把需要回填的数据也潘姐一个值给它就可以新增数据,然后把方法放到上面的添加代码上面给它加一个点击事件就可以了。
    在这里插入图片描述
    七、下面来讲解一下,删除行的数据,通过一个方法,获取到表格头部下面的行数据,再通过判断,如果最后只剩一行数据的时候,那就弹出一个提示,不能删除最后一行的数据,一个删除就这样完成了,然后把方法放到删除的点击事件里面,就可以运行了。
    在这里插入图片描述

    展开全文
  • 修改多选按钮默认样式,使input隐藏,添加UI设计给你的样式图片到标签i中,设置为背景图片。因为CheckBox默认样式是没有办法修改的 在表格里面实现按钮的全选,点击标题栏,实现全选,或者点击表格每一,也可以...

    参考:火辣辣前端博客

    1. 修改多选按钮默认样式,使input隐藏,添加UI设计给你的样式图片到标签i中,设置为背景图片。
    2. 在表格里面实现按钮的全选,点击标题栏,实现全选,或者点击表格每一行,也可以选中这一行
    3. 我们只根据UI给的设计图写的前台界面,没有后台数据,所以数据我是通过纯js循环添加的,表格的分页也是根据这个来分页的,与后台数据无关,就是纯js代码。可以上一页下一页首页尾页,也可以跳转到指定页面。
    4. 总结
    5. 很多不懂,我也是参考别人的
    6. 分页的js不能加在window.function(){}里面,不然没有作用,我也不知道为什么,求大神告知
    7. 很多input框的属性都是可以修改的,但是checkbox和radio不可以,所以需要自定义样式(我觉得就UI多事改啥样式啊
      源码如下:
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    	</head>
    	<style type="text/css">
    			body {
    			font-family: "微软雅黑";
    			margin: 0;
    			background: #FFFFFF;
    		}
    		table {
    			position: absolute;
    			width: auto;
    			text-align: center;
    		}
    		/*头部thead样式*/		
    		thead tr th {
    			font-size: 14px;
    			line-height: 30px;
    			color: #66838e;
    			text-align: center;
    		}
    		/*主体tbody样式*/		
    		tbody tr td {
    			font-size: 14px;
    			line-height: 39px;
    			color: #000000;
    		}		
    		tbody tr td a {
    			font-size: 14px;
    			line-height: 39px;
    			color: #8E8E8E;
    		}		
    		tbody tr td a:hover {
    			text-decoration: none;
    			color: #155CEC;
    		}
    		/*自定义多选框按钮样式*/
    		
    		.checkbox {
    			display: inline-block;
    			cursor: pointer;
    			.checkbox input {
    				display: none;
    			}
    			.checkbox i {
    				position: relative;
    				top: 4px;
    				left: 10px;
    				display: block;
    				width: 18px;
    				height: 18px;
    				background: url('../img/unselected.png')left top no-repeat;
    				background-size: cover;
    				background-image: url('../img/unselected.png');
    			}
    			.checkbox input:checked+i {
    				background: url('../img/selected.png')left top no-repeat;
    				background-size: cover;
    			}
    			/*脚部tfoot样式*/
    			tfoot tr td {
    				position: relative;
    				font-size: 12px;
    				line-height: 36px;
    				color: #666666;
    				text-align: right;
    			}
    			.table_active {
    				text-decoration: none;
    				background: rgb(21, 101, 183);
    				border-radius: 3px;
    				color: #FFFFFF;
    			}
    	</style>
    
    	<body>
    		<div class="table">
    			<table id="table1" class="table table-condensed">
    				<thead>
    					<tr>
    						<th width="84px">
    							<label class="checkbox">
    								    <input type="checkbox" id=""/><i></i>
    								</label>
    						</th>
    						<th width="121px">序号</th>
    						<th width="189px">用户名</th>
    						<th width="139px">密码</th>
    						<th width="700px">备注</th>
    						<th width="px">操作</th>
    					</tr>
    				</thead>
    
    				<tbody id="table2">
    					<!--添加表内容-->
    				</tbody>
    
    				<tfoot>
    					<tr>
    						<td colspan="6" id="span_nums">
    							<span id="spanFirst">首页</span>
    							<span id="spanPre">上页</span>
    							<span id="spanNext">下页</span>
    							<span id="spanPageNum"></span>
    							<span>	<input style="width: 40px;" type="text" id="input_num" value="" /></span>
    							<span id="step_input_num">
    									<a href="#">转到</a>
    								</span>
    
    							<span id="spanLast">尾页</span>
    
    						</td>
    					</tr>
    				</tfoot>
    			</table>
    			<!--</form>-->
    		</div>
    
    		<!--js代码-->
    		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
    			/*表格隔行变色*/
    			var oTab1 = document.getElementById('table1');
    			for(var i = 0; i < oTab1.tBodies[0].rows.length; i++) {
    				if(i % 2) {
    					oTab1.tBodies[0].rows[i].style.background = 'rgb(255,255,255)';
    				} else {
    					oTab1.tBodies[0].rows[i].style.background = 'rgb(248,248,248)';
    				}
    			}
    
    			/*for循环添加数据*/
    			function addData() {
    				for(var i = 1; i <= 600; i++) {
    					//增加一行
    					var oTr = document.createElement('tr');
    					//增加第一列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '<label class="checkbox"><input type="checkbox" id=""/><i></i></label>';
    					oTr.appendChild(oTd);
    					//增加第二列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '20170110' + i;
    					oTr.appendChild(oTd);
    					//增加第三列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '张三' + i;
    					oTr.appendChild(oTd);
    					//增加第四列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '******' + i;
    					oTr.appendChild(oTd);
    					//增加第五列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '工号1010使用中';
    					oTr.appendChild(oTd);
    					//增加第六列
    					var oTd = document.createElement('td');
    					oTd.innerHTML = '<a class="tab-update">修改</a>&nbsp;&nbsp;<a class="tab-delete">删除</a>';
    					oTr.appendChild(oTd);
    					//增加一行至表格中
    					oTab1.tBodies[0].appendChild(oTr);
    				}
    			}
    			addData();
    
    			/*给删除添加点击事件*/
    			$('.tab-delete').click(function() {
    				$(this.parentNode.parentNode).remove();
    			});
    			/*全选*/
    			function initTableCheckbox() {
    				var $thr = $('table thead tr');
    				var $checkAll = $thr.find('label');
    				var $tbr = $('table tbody tr');
    				/*设置表头的第一个多选按钮作为全选或者反选按钮*/
    				$checkAll.click(function(event) {
    					$('tbody').find('input').prop('checked', true);
    					event.stopPropagation();
    				});
    				/*点击全选框单元格时,也会触发全选框的点击操作*/
    				$('table thead tr th').click(function() {
    					$(this).find('label').click();
    				});
    				/*点击每一行的选中复选框时*/
    				$tbr.find('label').click(function(event) {
    					$checkAll.prop('checked', $('tbody').find('input:checked').length == $tbr.length ? true : false);
    					event.stopPropagation();
    				});
    				/*点击每一行时也触发该行的选中操作*/
    				$tbr.click(function() {
    					$(this).find('label').click();
    				});
    			}
    			initTableCheckbox();
    
    			/*分页功能开始*/
    			//增加显示得页码个数,并跳转到指定页面
    			function step_num(count) {
    				$("#span_nums").attr("length", '0');
    				for(var i = 1; i < count + 1; i++) {
    					if(i == 1) {
    						$("#spanNext").before($('<span id="num' + i + '" ><a id="' + i + '" class="table_active"  href="javascript:numPage(' + (i - 1) + ');">' + '&nbsp;' + i + '&nbsp;' + '</a></span>'));
    					} else {
    						$("#spanNext").before($('<span id="num' + i + '" ><a id="' + i + '" href="javascript:numPage(' + (i - 1) + ');">' + '&nbsp;' + i + '&nbsp;' + '</a></span>'));
    					}
    				}
    			}
    
    			var theTable = document.getElementById("table2");
    			var totalPage = document.getElementById("spanTotalPage");
    			var pageNum = document.getElementById("spanPageNum");
    			var spanPre = document.getElementById("spanPre");
    			var spanNext = document.getElementById("spanNext");
    			var second = document.getElementById("second");
    
    			var spanFirst = document.getElementById("spanFirst");
    			var spanLast = document.getElementById("spanLast");
    			var numberRowsInTable = theTable.rows.length;
    			var pageSize = 10; //页面显示数据的条数
    			var page = 1;
    			var now = 0;
    
    			//下一页
    			function nextPage() {
    				hideTable();
    				currentRow = pageSize * page;
    				maxRow = currentRow + pageSize;
    				if(maxRow > numberRowsInTable) maxRow = numberRowsInTable;
    				for(var i = currentRow; i < maxRow; i++) {
    					theTable.rows[i].style.display = '';
    				}
    				page++;
    				if(maxRow == numberRowsInTable) {
    					nextText();
    					lastText();
    				}
    				showPage();
    				preLink();
    				firstLink();
    			}
    
    			function numPage(page) { //跳转到指定页面,page接收点击的值
    				hideTable();
    				currentRow = pageSize * page;
    				maxRow = currentRow + pageSize;
    				if(maxRow > numberRowsInTable) maxRow = numberRowsInTable;
    				for(var i = currentRow; i < maxRow; i++) {
    					theTable.rows[i].style.display = '';
    				}
    				//跳转到指定页面时,页码颜色样式变化
    				for(var j = 1; j < totalPage.innerHTML; j++) {
    					document.getElementById(j).className = '';
    				}
    				document.getElementById(page + 1).className = 'table_active';
    
    				page++;
    				if(maxRow == numberRowsInTable) {
    					nextText();
    					lastText();
    				}
    				showPage();
    				preLink();
    				firstLink();
    			}
    
    			/*跳转到指定页面*/
    			var input_num = document.getElementById('input_num');
    			var step_input_num = document.getElementById('step_input_num');
    			/*跳转的点击事件*/
    			step_input_num.onclick = function() {
    				if(input_num.innerHTML != 0) {
    					var getnum = input_num.value - 1;
    					numPage(getnum);
    				}
    			};
    			/*输入框的键盘的回车事件*/
    			input_num.onkeydown = function(ev) {
    				var oEvent = ev || event;
    				if(oEvent.keyCode == 13 && input_num.innerHTML != 0) {
    					var getnum = input_num.value - 1;
    					numPage(getnum);
    				}
    			};
    
    			//上一页
    			function prePage() {
    				hideTable();
    
    				page--;
    
    				currentRow = pageSize * page;
    				maxRow = currentRow - pageSize;
    				if(currentRow > numberRowsInTable) currentRow = numberRowsInTable;
    				for(var i = maxRow; i < currentRow; i++) {
    					theTable.rows[i].style.display = '';
    				}
    
    				if(maxRow == 0) {
    					preText();
    					firstText();
    				}
    				showPage();
    				nextLink();
    				lastLink();
    			}
    
    			//第一页
    			function firstPage() {
    				hideTable();
    				//				page = 1;
    				for(var i = 0; i < pageSize; i++) {
    					theTable.rows[i].style.display = '';
    				}
    				showPage();
    				firstText();
    				preText();
    				nextLink();
    				lastLink();
    			}
    
    			//最后一页
    			function lastPage() {
    				hideTable();
    				page = pageCount();
    				currentRow = pageSize * (page - 1);
    				for(var i = currentRow; i < numberRowsInTable; i++) {
    					theTable.rows[i].style.display = '';
    				}
    				showPage();
    				preLink();
    				nextText();
    				firstLink();
    				lastText();
    			}
    
    			function hideTable() {
    				for(var i = 0; i < numberRowsInTable; i++) {
    					theTable.rows[i].style.display = 'none';
    				}
    			}
    
    			function showPage() {
    				pageNum.innerHTML = page;
    			}
    
    			//总共页数
    			function pageCount() {
    				var count = 0;
    				if(numberRowsInTable % pageSize != 0) count = 1;
    				return parseInt(numberRowsInTable / pageSize) + count;
    			}
    
    			//显示链接
    			function preLink() {
    				spanPre.innerHTML = "<a href='javascript:prePage();'>上页</a>";
    			}
    
    			function preText() {
    				spanPre.innerHTML = "上页";
    			}
    
    			function nextLink() {
    				spanNext.innerHTML = "<a href='javascript:nextPage();'>下页</a>";
    			}
    
    			function nextText() {
    				spanNext.innerHTML = "下页";
    			}
    
    			function firstLink() {
    				spanFirst.innerHTML = "<a href='javascript:firstPage();'>首页</a>";
    			}
    
    			function firstText() {
    				spanFirst.innerHTML = "首页";
    			}
    
    			function lastLink() {
    				spanLast.innerHTML = "<a href='javascript:lastPage();'>尾页</a>";
    			}
    
    			function lastText() {
    				spanLast.innerHTML = "尾页";
    			}
    
    			//只显示第一页的数据
    			function showfirstPage() {
    				for(var i = pageSize; i < numberRowsInTable; i++) {
    					theTable.rows[i].style.display = 'none';
    				}
    				var count = pageCount();
    				totalPage.innerHTML = pageCount();
    				pageNum.innerHTML = '1';
    				step_num(count);
    				nextLink();
    				lastLink();
    			}
    			showfirstPage();
    			/*分页功能结束*/
    		</script>
    	</body>
    
    </html>
    
    展开全文
  • iview表格单独一行添加样式

    千次阅读 2018-11-19 19:05:08
    1 给Table添加属性 &lt;div&gt; &lt;Table :row-class-name border highlight-row :columns="columns1" :data="data1"&gt;&lt;/Table&gt; &lt;/div&gt; 2...

    1 给Table添加属性

    <div>
        <Table :row-class-name border highlight-row :columns="columns1" :data="data1"></Table>
    </div>

    2 在methods里面添加函数

    rowClassName (row, index) {
       if (index === 1 ||row...=='') {
            return 'demo-table-error-row'
        }
        return ''
     }
    

    3 添加样式(注意其他样式里面的样式的优先级别)

    .ivu-table .demo-table-error-row td{
        background-color: red;
        color: #333;
    }

     

    展开全文
  • 这几天基于react写了一个小demo测试,主要实现的功能是:在输入框中输入文字,点击添加按钮,在下方的表格中会自动添加一数据,点击删除按钮后,该行数据被删除。  先来看看最后的效果图:  操作前  操作...
  • ”// 点击table某 添加css样式 $("#table1 tbody tr").click(function(){ $(this).addClass("backcolor").siblings("tr").removeClass("backcolor"); $(this).children(&...
  • bootstrap表格按钮样式

    千次阅读 2017-07-18 15:42:06
    //实现基本的表格样式, 添加了更圆润的风格线,间距等自适应屏幕 class="table"> 注:我们可以通过Firebug 查看相应的CSS。 2.条纹状表格 //让里的产生一隔一加单色背景效果 table table-striped"> 注:表格...
  • Web表格添加与删除

    2019-03-29 19:41:06
    Web表格添加与删除 开发工具与关键技术:Visual Studio 2015,jQuery,JavaScript 作者:张启翔 撰写时间:2019-02-07 下面是使用jQuery写的一个添加以及删除的功能。 首先把前端表的样式写出来,这里...
  • layui数据表格自定义按钮样式

    千次阅读 2019-08-27 11:36:54
    //按钮样式 table.render({ elem: '#loadList' , url: 'loadList' , id: 'loadList' , method : 'POST' , cols: [[ {type: 'checkbox', toolbar: '#toolbtn', minWidth: 10,width:30} , {type: 'nn', ...
  • 表格html         名称测量范围不确定度证书编号有效期
  • 就是加减按钮能点,而且互不影响点击的效果。 起关键作用的就是在vue中的一个点击事件的控制: @click.prevent=" " 而加了这个是只能点击一次: click.self.prevent=“” 上代码:HTML <!DOCTYPE html> ...
  • 最近做的项目中有一个需求就是要求在线填写表格内容时,不够的话可以动态添加,我这里用的jQuery来实现,下面是我项目截图展现: 当点击“添加输入框”按钮时,就会自动添加 下面我们来一下代码实现(把...
  • Bootstrap之表格按钮,表单和图片的样式本文中,都是结合本人的学习Bootstrap时所做的练习,来理解通过内置的 CSS 定义,Bootstrap的表格按钮,表单和图片是如何来显示各种丰富效果的。 一. 表格 基本格式...
  • 【easyui】datagrid中增加按钮样式

    千次阅读 2016-12-17 14:19:53
    1 首先,在datagrid的数据列format一个动态的btnvar btn = '()" href="javascript:void(0)">抛出</a>'; 2 然后,在onloadSuccess的时候,根据btn的class或者id,动态的改变按钮样式$('.throwcls').linkbut
  • 笔者在使用Layui的数据表格的时候,需求是这样的:当点击添加按钮的时候,就在数据表格最后动态添加一。上述功能官方并没有给出实现,需要自己手动解决。 解决思路及方案 简单分析:根据需求——动态添加一...
  • //表格添加 newRow=document.all.yltable.insertRow(-1); j_1++; newRow.id=json.id; newcell=newRow.insertCell(); newcell.className="cell"; //newRow.bgColor='#FFFFFF'; ...
  • 目标:layui 实现点击按钮添加解决方案:方案1、table 是用转换静态表格的方式创建的,写一个button,每次点击按钮,就添加一个<tr> 标签;方案2、table 是用方法渲染的方式创建的,写一个button,每次点击...
  • 表格变色(单击,把当的单选按钮(radio)设为选中状态,并应用当前样式
  • vue table表格新增添加数据

    万次阅读 2019-11-21 10:11:52
    表格样式并不能是难点 主要是点击新增按钮和删除按钮自增的编号的修改 <el-table :data="tableData" style="width: 100%" :header-cell-style="{background:'#3d80f2',color:'#fff',fontSize:'16px',height:'...
  • 点击添加,jsp表格自动增加:其中eq(x)代表表格第x,clone()代表复制 var tr = $('#table tr').eq(1).clone(); $('#table').append(tr);
  • Android 表格控件-动态实现表格效果(内容、样式可扩展)说明:表格是很常用的控件,Android本身提供了TableLayout供布局实现,但本文介绍另外一种思路,用动态布局的方式实现,这种方式更灵活,内容、样式能高度...
  • // 官网是说直接添加highlight-row就会有效果,不知道为什么我项目中用了没有效果,项目中是已经安装好了iview,自己写的方法刚好解决问题,可能方法还有不完善的欢迎指出 <template> <i-table highlight-row ...
  • 我想在easyui表格最后一列添加滑动开关按钮,但是运行效果是变成了input框,![图片说明](https://img-ask.csdn.net/upload/201807/19/1531994465_763991.jpg),下面是我的代码截图![图片说明]...
  • layui数据表格根据字段生成自定义样式1....表格里间加按钮5 设置背景颜色文字颜色 1.根据文字的值不一样显示不同的样式 { field: 'checkState', title: '奖励状态', templet: function (d) { if (d.checkState ...
  •  :添加按钮的位置,first或last;默认为last; title  :新按钮的tooltip cursor  :当鼠标滑过按钮时的光标样式,默认为pointer; id  :为按钮设置id。    自定义分隔符 $("#grid_id")...
  • bootstrap-table 插件添加表格行新增和编辑功能 version 1.11.0 原插件相关功能完善 新增表格参数totalField:'total' 修改load方法的 this.options.totalRows = data.total; 改为 this.options.totalRows = ...
  • ant design vue利用rowClassName给table添加行样式目录1. 需求:表格数据hasVerdict值不为'1'时标红显示2. 实现方式:table属性rowClassName3. 问题:样式未生效4. 解决方案4.1 方案一:删除scoped4.2 方案二:...
  • 先上效果图: 页面:就一个table ...JS初始化的时候加入按钮,并将按钮渲染成文件上传按钮 table = layui.table //表格 table.render({ elem: '#NoticeInfoTable' , height: 'full-200' , url: '/allFiles/viewl
  • Js操作html表格,这个复选框换图标我是把复选框样式 display:none,然后触发图片的点击事件去关联checkbox 代码如下: 无标题文档 .test { clear: left; float: left; height: 400px; width: 640px; ...
  • Bootsrap中的表格、表单、按钮、图片

    万次阅读 多人点赞 2020-05-18 15:39:56
    1.表格 为任意<table>标签添加.table类 普通 <table class="table" border="" cellspacing="" cellpadding=""> <tr><th>#</th><th>Header</th><th>Header&...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,607
精华内容 19,042
关键字:

表格添加增加行的按钮样式