bootstrapTable嵌套input，实现上下左右和tab键切换

于 2024-01-29 08:48:32 发布
阅读量694 收藏 9
点赞数 5
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lianyunpeng/article/details/135904178
版权

封装组件js-----keyDown.js

$(function(){
	var table = {
	    size: $("#size").val()
	};

	var inputnum = 0; 
	// 键盘事件 
	document.onkeydown = function(event){
		// 兼容 Mozilla Firefox 
		if (null == event) { 
			event = window.event; 
		} 
		else if ((event.keyCode <= 40 && event.keyCode >= 37) || event.keyCode == 9) { 
			keyinput(event); 
		} 
	} 
	// 实现切换功能主要代码 
	function keyinput(event){
		var target = event.target;
		var len = Number(table.size);
		if(target.localName == 'select'){
			event.preventDefault();
		}
		var inputnum = Number($(target).attr("data-val"));
		var key = event.keyCode;
		// 左 
		if (key == 37) { 
			--inputnum; 
		} 
		// 右 
		else if (key == 39) { 
			++inputnum; 
		} 
		// 上 
		else if (key == 38) { 
			inputnum = inputnum - len; 
		} 
		// 下 
		else if (key == 40) { 
			inputnum = inputnum + len;
		} 
		// Tab
		else if(key == 9){
			++inputnum;
		}
		getPoint(inputnum);
	}
	function getPoint(inputnum){
		setTimeout(function(){
			if($("[data-val='"+inputnum+"']").length > 0){
				document.getElementById($("[data-val='"+inputnum+"']").attr("id")).focus();
				$("[data-val='"+inputnum+"']").focus();
				//document.getElementById($("[data-val='"+inputnum+"']").attr("id")).setSelectionRange($("[data-val='"+inputnum+"']").val().length, $("[data-val='"+inputnum+"']").val().length);
				document.getElementById($("[data-val='"+inputnum+"']").attr("id")).select();
			}
		},0);
	}
})

示例代码：

<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('')" />
    <style type="text/css">
    	.table-hover>tbody>tr:hover {
		    background-color: #fff !important;
		}
		.form-control {
			width: 100px
		}
    </style>
</head>
<body class="white-bg">
    <div class="table-box" style="margin: 20px;">
    <div id="toolbar">
        <button id="button" class="btn btn-default">新增行</button>
        <button id="deleteRow" class="btn btn-default">删除行</button>
    </div>
    <input type="hidden" value="12" id="size"/>
    <table id="table"></table>
</div>
<th:block th:include="include :: footer" />
<script th:src="@{/js/keyDown.js}"></script>
<script th:inline="javascript">
	var prefix = ctx + "payOil/payOilCount";
	var changeId = [[${changeId}]];
	var oilDatas = [[${@dict.getType('oil_type')}]];
	var salesDatas = [[${@dict.getType('sales_type')}]];
	var isEdit = [[${isEdit}]];
	
	$(function() {
	    let $table = $('#table');
	    let $button = $('#button');
	    let $deleteRow = $('#deleteRow');
	    let $getTableData = $('#getTableData');
		
	    $button.click(function() {
	    	var row=
            {
    			oilType: '92',
            	fuelType:'汽油',
            	goWordCount: '',
            	backTankCount: '',
            	backTankNumber: '',
            	payOilCount: '',
            	payOilCash: '',
            	payOilIccard: '',
            	//payOilAggregate: '',
            	price: '',
            	cashAmount: '',
            	iccardAmount: '',
            	aggregateAmount: ''
            };
	        //append  追加到最后一行
	        //prepend  新增到第一行
	        $table.bootstrapTable('append', row);
	        //更新行数据
	        $table.bootstrapTable('updateRow',row);
	        //定位到最后一行
	        $table.bootstrapTable('scrollTo', 'bottom');
	        /* $table.bootstrapTable('insertRow', {
	            index: 0,
	            row: {
	            	oilType: '92',
	            	fuelType:'汽油',
	            	goWordCount: '',
	            	backTankCount: '',
	            	backTankNumber: '',
	            	payOilCount: '',
	            	payOilCash: '',
	            	payOilIccard: '',
	            	payOilAggregate: '',
	            	price: '',
	            	amount: ''
	            }
	        }); */
	    });
	    
	    $deleteRow.click(function() {
	    	var rows = $table.bootstrapTable('getSelections');//获取选中行
            if (rows.length == 0) {
                layer.msg("请选择要删除的数据");
                return;
            }
            var indexs = [];
            var ids = [];
            for(var i = 0;i < rows.length;i++){
                indexs[i] = rows[i].index;
                if(rows[i].id != null){
                	ids[i] = rows[i].id;
                }
            }
			//删除
            $table.bootstrapTable('remove', {
                field:'index',
                values:indexs
            });
			if(ids.length > 0){
				ids = ids.join();
				$.post(prefix + "/remove",{"ids":ids},function(data){
					layer.msg("删除成功！");
				})
			}
	    });
	
	    $table.bootstrapTable({
	    	url: prefix + '/list?changeId=' + changeId,
	        toolbar: '#toolbar',
	        clickEdit: false,
	        showToggle: false,
	        pagination: false,       //显示分页条
	        showColumns: false,
	        showPaginationSwitch: false,     //显示切换分页按钮
	        showRefresh: false,      //显示刷新按钮
	        striped: false,
	        //clickToSelect: true,  //点击row选中radio或CheckBox
	        columns: [
		        [
		        	{
	                    checkbox: true,
	                    rowspan: 2,
	                    valign: 'middle', halign: "center", align: 'center'
	                },
		        	{
	                    field: 'index',
	                    title: '序列',
	                    rowspan: 2,
	                    width: '10px',
	                    formatter:function(value, row, index) {
	                        return row.index = index+1; //返回行号
	                    },
	                    valign: 'middle', halign: "center", align: 'center',
	                },
		            {
		                field: 'oilType',
		                title: '品种',
		                rowspan: 2,
		                valign: 'middle', halign: "center", align: 'center',
		                width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
		                	var result = "<select class='form-control' data-val='"+(index + 1 + index * len + 0)+"' id='"+index+"oilType' onchange='getValues("+index+")'>";
		                	if(!isEdit){
		                		result = "<select disabled='disabled' class='form-control' id='"+index+"oilType' onchange='getValues("+index+")'>";
		                	}
		                	for(var i = 0; i < oilDatas.length; i++){
		                		var oil = oilDatas[i];
		                		if(value == oil.dictValue){
		                			result += "<option value='"+oil.dictValue+"' selected='selected'>"+oil.dictLabel+"</option>";
		                		}else {
		                			result += "<option value='"+oil.dictValue+"'>"+oil.dictLabel+"</option>";
		                		}
		                	}
		                	result += "</select>";
	                        return result;
	                    }
		            },
		            {
		                field: 'fuelType',
		                title: '燃油类型',
		                rowspan: 2,
		                valign: 'middle', halign: "center", align: 'center',
		                width: '80px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
		                	var result = "<select class='form-control' data-val='"+(index + 1 + index * len + 1)+"' id='"+index+"fuelType' onchange='getValues("+index+")'>";
		                	if(!isEdit){
		                		result = "<select disabled='disabled' class='form-control' id='"+index+"fuelType' onchange='getValues("+index+")'>";
		                	}
		                	var oilType = row.oilType;
		                	var fuelType = "";
		                	if(oilType == "92" || oilType == "95" || oilType == "98"){
	                			fuelType = "汽油"; 
	                		}
	                		if(oilType == "0" || oilType == "-10" || oilType == "-20"){
	                			fuelType = "柴油"; 
	                		}
	                		if(oilType == "尿素"){
	                			fuelType = "非油"; 
	                		}
		                	for(var i = 0; i < salesDatas.length; i++){
		                		var sales = salesDatas[i];
		                		if(fuelType == sales.dictValue){
		                			result += "<option value='"+sales.dictValue+"' selected='selected'>"+sales.dictLabel+"</option>";
		                		}else {
		                			result += "<option value='"+sales.dictValue+"'>"+sales.dictLabel+"</option>";
		                		}
		                	}
		                	result += "</select>";
	                        return result;
	                    }
		            },
		            {
		                field: 'goWordCount',
		                title: '走字总数',
		                rowspan: 2,
		                valign: 'middle', halign: "center", align: 'center',
		                width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"goWordCount' data-val='"+(index + 1 + index * len + 2)+"' autocomplete='off'" +
	                            "class='form-control' style='width:100%' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"goWordCount' autocomplete='off'" +
	                            "class='form-control' style='width:100%' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
		            },
		            {
		                title: '回罐',
		                colspan: 2,
		                align: 'center', valign: 'middle', halign: "center", align: 'center'
		            },
		            {
		                title: '付油数量（升）',
		                colspan: 3,
		                align: 'center', valign: 'middle', halign: "center", align: 'center'
		            },
		            {
		                field: 'price',
		                title: '单价',
		                rowspan: 2,
		                width: '100px',
		                valign: 'middle', halign: "center", align: 'center',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"price' " +
	                            "class='form-control' autocomplete='off' data-val='"+(index + 1 + index * len + 8)+"' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"price' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
		            },
		            {
		                title: '金额',
		                colspan: 3,
		                align: 'center', valign: 'middle', halign: "center", align: 'center'
		            }
		        ],
	            [
	            	{
	            		field: 'backTankCount',
	            		title: '数量',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"backTankCount' data-val='"+(index + 1 + index * len + 3)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"backTankCount' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
	            	},
	            	{
	            		field: 'backTankNumber',
	            		title: '罐号',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"backTankNumber' data-val='"+(index + 1 + index * len + 4)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"backTankNumber' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
	            	},
	            	{
	            		field: 'payOilCount',
	            		title: '合计',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"payOilCount' data-val='"+(index + 1 + index * len + 5)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"payOilCount' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
	            	},
	            	{
	            		field: 'payOilCash',
	            		title: '现金',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"payOilCash' data-val='"+(index + 1 + index * len + 6)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"payOilCash' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
	            	},
	            	{
	            		field: 'payOilIccard',
	            		title: 'IC卡',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"payOilIccard' data-val='"+(index + 1 + index * len + 7)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"payOilIccard' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
	            	},
	            	/* {
	            		field: 'payOilAggregate',
	            		title: '聚合',
	            		valign: 'middle', halign: "center", align: 'center',
	            		width: '100px',
		                formatter: function(value,row,index){
	                        var result ="<input id='"+index+"payOilAggregate'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        return result;
	                    }
	            	}, */
	            	{
		                field: 'cashAmount',
		                title: '现金金额',
		                width: '100px',
		                valign: 'middle', halign: "center", align: 'center',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"cashAmount' data-val='"+(index + 1 + index * len + 9)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"cashAmount' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
		            },
		            {
		                field: 'iccardAmount',
		                title: 'IC卡金额',
		                width: '100px',
		                valign: 'middle', halign: "center", align: 'center',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"iccardAmount' data-val='"+(index + 1 + index * len + 10)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"iccardAmount' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
		            },
		            {
		                field: 'aggregateAmount',
		                title: '聚合金额',
		                width: '100px',
		                valign: 'middle', halign: "center", align: 'center',
		                formatter: function(value,row,index){
		                	var len = Number($("#size").val()) - 1;
	                        var result ="<input id='"+index+"aggregateAmount' data-val='"+(index + 1 + index * len + 11)+"' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
	                        if(!isEdit){
	                        	result ="<input disabled='disabled' id='"+index+"aggregateAmount' autocomplete='off'" +
	                            "class='form-control' value='"+((value == undefined)?'':value)+"' onblur='getValues("+index+")'>";
		                	}
                            return result;
	                    }
		            }
	            ]
	    	],
	        onLoadSuccess: function(data){
	        	if(data.total == 0){
	        		$table.bootstrapTable('insertRow', {
		    	        index: 0,
		    	        row: {
		    	        	oilType: '',
		    	        	fuelType:'',
		    	        	goWordCount: '',
		    	        	backTankCount: '',
		    	        	backTankNumber: '',
		    	        	payOilCount: '',
		    	        	payOilCash: '',
		    	        	payOilIccard: '',
		    	        	//payOilAggregate: '',
		    	        	price: '',
		    	        	cashAmount: '',
		                	iccardAmount: '',
		                	aggregateAmount: ''
		    	        }
		    	    });
	        	}
	        }
	    });
	});
	function submitHandler() {
		let $table = $('#table');
	    $.operate.save(prefix + "/add", "payOilArray=" + JSON.stringify($table.bootstrapTable('getData')) + "&changeId=" + [[${changeId}]]);
	}
	function getValues(index) {
	   
	}
</script>
</body>
</html>

wengelovelian
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
bootstrap-table 增删以及嵌套input与select下拉框
mrballjiang的博客
03-09 1万+
前言：项目需求写个表格带新增删除，看了下项目原本使用的是jq+bootstrap+layui的一个组合，我的页面基本是用layui完成的，layui也有自己的table组件，官方文档很详细，所以第一版的时候是用的layui，但是写到一半的时候出了问题，在以往的项目中通常新增是用弹窗的形式将要新增的内容写入，再push到table的data数组中，此次需求是在表格里每行带input以及下拉选项框，l...
js 键盘控制表格input上下左右移动
qq_24892029的博客
10-21 8149
//初始化获取的行列 var currentLine= 0; var currentCol=0; function keyDown(obj){     var _row = obj.parentNode;     currentCol = _row.cellIndex;     currentLine = _row.parentNode.rowIndex;      e=wi
Input框内容改变触发事件，实现表格动态模糊查询
Daniel的博客
07-19 831
通过给查询框添加绑定事件，实现BootStrap中输入值变化后自动查询并刷新数据，不需要点击查询按钮。
方向键盘控制table内的input标签焦点
06-08
添加jquery一个些函数实现使用键盘控制表格内的所有input标签的焦点的切换。
boostrap表格之合并单元格
Jeremz的博客
02-19 293
废话不多说直接上码 onLoadSuccess: function () {//当所有数据被加载时触发处理函数 var data = $('#bootstrap-table').bootstrapTable('getData', true);//获取当前页数据 mergeCells(data,'你想要合并的字段',1,...
bootstraptable 行内多个输入框编辑，保存
LLL_liuhui的博客
09-03 6750
效果如下： 点击输入框可修改输入框的值，修改完后点击保存 注意：没有修改的值不保存 columns代码如下： columns: [{ title: '标题', field: 'channelname', align: 'center', valign: 'middle', sortable: true, }, { title: '目标1', ...
bootstrap table里输入框实现功能
qq_43227109的博客
12-06 9742
在bootstrap table表格里需要用到输入框来做一个添加或修改的操作 以前做项目都是直接选择那一行进行操作 后来去网上查了一下 下面写一个简单的表格输入框实现功能。 在一列的属性里用formatter方法放输入框 后面接着是操作 ,{ field : 'pla_result',title : '执行效果',align : 'center',valign : 'middle', ...
bootstrap实现嵌套模态框的实例代码
10-15
Bootstrap模态框（Modal）是Web开发...虽然Bootstrap官方不建议使用嵌套模态框，但在特定情况下，通过合理的编程实践和优化，可以实现并提供良好的用户体验。在实际项目中，应该根据需求权衡利弊，谨慎使用嵌套模态框。
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
09-03
4. **Tab页切换**：Bootstrap的Tab组件提供了便捷的API供开发者使用，如`show.bs.tab`和`hidden.bs.tab`事件，可以用来监听和处理Tab页的切换动作。 三、总结 通过以上步骤，我们可以利用Bootstrap Ace模板轻松...
bootstrap table实现iview固定列的效果实例代码详解
10-16
主要介绍了bootstrap table实现iview固定列的效果,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
bootstrap-table插入可编辑行，文本框形式（非官方自带的）
05-12
在网上找了下这方面资料都不太满足自己需求，自己就写了个，里面有初始数据都不可编辑只有手动点击插入新的行是可编辑；还有是初始数据全部可编辑，插入新行也是可编辑的，全部编辑形式是input框里直接编辑，失去焦点触发事件，非官方自带的编辑形式，将页面放到bootstrap-table的demo项目的insertRow.html同目录下即可
微信小程序自定义tab实现多层tab嵌套功能
12-01
在微信小程序开发中，有时会遇到复杂的需求，例如在同一个页面中实现多层Tab的嵌套。这种情况通常发生在需要提供丰富导航层级的大型应用中，以便用户能够方便地浏览和操作各种内容。本文将深入探讨如何在微信小程序...
bootstrap table 列表增加输入框并保存输入的值不清除
weixin_34334744的博客
06-17 2191
需求： 在bootstrap table上增加输入框，需要选择的时候把输入的值保存到 row 里面，传递给其他模块使用。 实现： columns: [{ ...., { 　　　　field: 'myField', //自定义字段名称 　　　　title: '输入值', //自定义 ...
bootStrap table用法
shylhd的专栏
03-04 612
改成常用输入框 field: 'fuelTypeName', title: '油品名称及牌号', align: 'center', valign: 'middle', formatter: function (value, row, index, field) { var html; if (DlUtil.isEmpty(value)) { html = '<input id="fuelTypeNa..
JS 事件类型之键盘事件
最新发布
dfkjhfkshf的博客
08-25 141
【代码】JS 事件类型之键盘事件。
使用方向键控制table中文本框焦点
cxm52013144的博客
08-17 490
由于项目需要，在table列数很多，需要填写的数据量多时，往往需要用方向键来控制焦点的位置，所以就写了一个。由于keyCode的原因，目前不兼容火狐！ &lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %&gt; &lt;!DOCTYPE html P...
html调整table方向,layUI关于table编辑列支持方向键功能
weixin_39949584的博客
06-07 400
/**编辑数据表格，键盘快捷键方法。*可跳过无编辑属性的列*tab 右边一个单元格*shift + tab 左边一个单元格*enter 下一行的单元格*shift + enter 上一行的单元格*///支持tab+enter 的切换//$(document).on('keydown keyup', '.layui-input',//function (event) {//var td = $(th...
html调整table方向,html table中的单元格的跳动方向设置_html/css_WEB-ITnose
weixin_39556064的博客
06-07 345
按TAB键在input里的方向向右跳到下个input里。。。我想弄成向下移动。。。请问如何实现呢！！谢谢了！！回复讨论(解决方案)用tableindex属性值试试用tableindex属性值试试对。按照想跳转的顺序，在INPUT标签里加上tableindex属性，值从小到大。引用 1 楼 zsx841021 的回复:用tableindex属性值试试对。按照想跳转的顺序，在INPUT标签里加上tab...
vxe表格实现键盘上下左右方向键移动聚焦
Is_Xiao_Gu的博客
02-25 1540
我们可以利用vxe表格内置的@cell-click事件，来监听点击单元格的行号和列号，相当于坐标轴的x轴和y轴。然后再利用@keyup键盘监听函数来监听方向键。思路有了，来肝！！！
bootstraptable嵌套按钮
06-10
如果你想在 Bootstrap Table 的行中嵌套按钮，可以使用 formatter 函数来实现。以下是一个示例代码： ```javascript function operateFormatter(value, row, index) { return [ '编辑</button>', '删除</button>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wengelovelian

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值