layui 表格实现可编辑日历

页面引用layui.css和layui.js

js代码如下：

var tableIns;
var form;
var laydate;
var index;
var two;layui.use([ 'table', 'form', 'element', 'form', 'layer', 'laydate' ],function() {var table = layui.table;var element = layui.element, layer = layui.layer;laydate = layui.laydate;form = layui.form;tableIns = table.render({elem : '#dg',url : $webURI+ "/protal/sourceno/foundNowSource.action",limit : 10,where : {centerid : centerid},cols : [ [ // 表头{field : 'sunday',title : '日',width : "14.29%",event : 'setsunday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.sunday != null) {var date = row.sunday.numDate.substr(8,row.sunday.numDate.length);if (row.sunday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.sunday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.sunday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'monday',title : '一',width : "14.29%",event : 'setmonday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.monday != null) {var date = row.monday.numDate.substr(8,row.monday.numDate.length);if (row.monday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.monday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.monday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'tuesday',title : '二',width : "14.29%",event : 'settuesday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.tuesday != null) {var date = row.tuesday.numDate.substr(8,row.tuesday.numDate.length);if (row.tuesday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.tuesday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.tuesday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'wednesday',title : '三',width : "14.29%",event : 'setwednesday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.wednesday != null) {var date = row.wednesday.numDate.substr(8,row.wednesday.numDate.length);if (row.wednesday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.wednesday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.wednesday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'thursday',title : '四',width : "14.29%",event : 'setthursday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.thursday != null) {var date = row.thursday.numDate.substr(8,row.thursday.numDate.length);if (row.thursday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.thursday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.thursday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'friday',title : '五',width : "14.29%",event : 'setfriday',style : 'height:100px;text-align:center;',templet : function(row) {if (row.friday != null) {var date = row.friday.numDate.substr(8,row.friday.numDate.length);if (row.friday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.friday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.friday.timeName+ "</div>";} else {return date;}} else {return "";}}},{field : 'saturday',title : '六',width : "14.7%",event : 'setsaturday',style : 'height:100px;text-align:center;line-height:80px;',templet : function(row) {if (row.saturday != null) {var date = row.saturday.numDate.substr(8,row.saturday.numDate.length);// console.log(row.saturday);if (row.saturday.isDisable == '1') {return date+ "<div class=\"xz_tsbz\">休</div>";} else if (row.saturday.periodState == '2') {return date+ "<div class=\"xz_tsbz\">"+ row.saturday.timeName+ "</div>";} else {return date;}} else {return "";}}} ] ],done : function(res, curr, count) {var now = $(".date").html();var d = new Date(Date.parse(now));var t = new Date();var year = t.getFullYear();var month = t.getMonth() + 1;var mydate = (year.toString() + "-" + month.toString());var date = new Date(Date.parse(mydate));if (d < date) {return;} else {}if (qx == 1 || sys == 0) {if (res.data.length == 0) {layer.confirm('该中心当月还有没有生成号源，是否一键生成？',{title : "提示",icon : 7,btn : [ '确定','取消' ]},function() {/** layer.msg("正在生成", {* time : 50000,* icon : 16 });*/form.val("sourceno2",{"timeTypeId" : '',"centerid" : centerid})two = layer.open({title : '时段类型', // 标题type : 1,area : ['520px','400px' ],shadeClose : false, // 点击遮罩关闭content : $('.tongyong'),skin : 'pop-class'});});}}}});// 执行一个laydate实例laydate.render({elem : '#date' // 指定元素});$("th").css("text-align", "center");$(".xz_tsbz").css("margin-top", "-10px");$("table").addClass("xz_align_center");// 标配单击监听table.on('tool(Event)', function(obj) {console.log(obj);var data = obj.data;//if (qx == 1 || sys == 0) {if (obj.event == 'setsaturday') {var s = data.saturday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'setfriday') {var s = data.friday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'setthursday') {var s = data.thursday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'setwednesday') {var s = data.wednesday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'settuesday') {var s = data.tuesday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'setmonday') {var s = data.monday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}if (obj.event == 'setsunday') {var s = data.sunday;if (s.numDate == null || s.numDate == "") {return;}var typeid;if (s.periodState == "2") {typeid = s.timeTypeId;} else {typeid = "";}form.val("sourceno", {"id" : s.id,"timeTypeId" : typeid,"date" : s.numDate})}index = layer.open({title : '时段类型', // 标题type : 1,area : [ '520px', '400px' ],shadeClose : false, // 点击遮罩关闭content : $('.czmm-pop'),skin : 'pop-class'});$("#timeTypeId").focus();}});// 表单监听form.on(("submit(submit)"), function(data) {var param = {};param = data.field;param.centerid = centerid;console.log(11111);console.log(param);// 单独修改特殊类型$.ajax({url : $webURI+ "/protal/sourceno/updateTimeType.action",type : 'post',dataType : 'text',data : param,success : function(d) {if (d > 0) {layer.msg("成功！", {time : 1000,icon : 6});} else if (d == "") {layer.msg("该类型没有设置时间段！请设置时间段再来操作！", {time : 1000,icon : 6});} else {layer.msg("失败！", {time : 1000,icon : 5});}layer.close(index);tableIns.reload({});$("table").addClass("xz_align_center");}});return false;});// 表单监听form.on(("submit(submit2)"), function(data) {var param = {};param = data.field;console.log(param);// 一键生成$.ajax({url : $webURI+ "/protal/sourceno/insertOrUpdate.action",type : 'post',dataType : 'text',data : param,success : function(d) {if (d > 0) {layer.msg("成功", {time : 1000,icon : 6});layer.close(two);tableIns.reload({});$("table").addClass("xz_align_center");} else if (d == -5) {layer.msg("该时段类型下没有设置详细时段号源！请设置后再来一键生成！", {time : 1000,icon : 6});layer.close(two);} else {layer.msg("系统错误", {time : 1000,icon : 6});layer.close(two);}}});return false;});});// 字符串转日期格式，strDate要转为日期格式的字符串
function getDate(strDate) {var date = eval('new Date('+ strDate.replace(/\d+(?=-[^-]+$)/, function(a) {return parseInt(a, 10) - 1;}).match(/\d+/g) + ')');}// 去除周末
function deleteWeek() {var date = $(".date").html();$.ajax({url : $webURI + '/protal/sourceno/removeWeek.action',type : 'post',dataType : 'text',data : {strdate : date,centerid : centerid},success : function(d) {layer.msg(d, {time : 1000});tableIns.reload({});$("table").addClass("xz_align_center");}})
}function deleteHoliday() {var date = $(".date").html();$.ajax({url : $webURI + '/protal/sourceno/removeHoliday.action',type : 'post',dataType : 'text',data : {strdate : date,centerid : centerid},success : function(d) {layer.msg(d, {time : 1000});tableIns.reload({});$("table").addClass("xz_align_center");}})
}function right() {var now = $(".date").html();var d = new Date(now.replace(/-/g, "/"));d.setMonth(d.getMonth() + 1);var str = d.getFullYear() + "-"+ (d.getMonth() >= 9 ? d.getMonth() + 1 : "0" + (d.getMonth() + 1));$(".date").html(str);$("#strdate").val(str);tableIns.reload({where : {strdate : str,centerid : centerid}});$("table").addClass("xz_align_center");
}
function left() {var now = $(".date").html();var d = new Date(now.replace(/-/g, "/"));d.setMonth(d.getMonth() - 1);var str = d.getFullYear() + "-"+ (d.getMonth() >= 9 ? d.getMonth() + 1 : "0" + (d.getMonth() + 1));$(".date").html(str);$("#strdate").val(str);tableIns.reload({where : {strdate : str,centerid : centerid}});$("table").addClass("xz_align_center");
}

java 代码如下（生成号源的功能）：

   /**  * 概要说明 : 批量新增一键生成 <br>* 详细说明 : 批量新增  <br>** @param s* @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#insertOrUpdate()* @author  by liuhao @ 2018年7月26日, 上午8:59:02 * @throws ParseException */@RequestMapping(value = "insertOrUpdate", produces = "text/plain;charset=utf-8")@ResponseBodypublic String insertOrUpdate(SourceNo s, HttpSession session) throws ParseException{Integer days = null;Integer resulet = null;String date = "";LogSession ls = (LogSession) session.getAttribute(SysConstants.SYSLOGUSER);SimpleDateFormat format = new SimpleDateFormat("EEEE");Calendar c = Calendar.getInstance();if (s.getStrdate() == null || s.getStrdate() == ""){date = DateUtils.backYearMonth();days = DateUtils.getDaysOfMonth(date);}else{date = s.getStrdate();days = DateUtils.getDaysOfMonth(date);SimpleDateFormat f = new SimpleDateFormat("yyyy-MM");c.setTime(f.parse(date));}String week = "";MakeTime m = new MakeTime();m.setTimeTypeId(s.getTimeTypeId());m.setCenterid(s.getCenterid());Integer aMount = makeTimeService.number(m);if (aMount == null){return "-5";}List<MakeTime> times = makeTimeService.simplefound(m);List<SourceNo> sourceNos = new ArrayList<SourceNo>();for (int i = 1; i <= days; i++){c.set(Calendar.DATE, i);week = format.format(c.getTime());String strdate = DateUtils.getStrDate(c.getTime());SourceNo sno = new SourceNo();sno.setFoundDate(DateUtils.backDate(strdate));sno.setNumweek(week);sno.setaMount(aMount);sno.setUnMount(aMount);sno.setCreater(ls.getUserId());sno.setTimeTypeId(s.getTimeTypeId());sno.setCenterid(s.getCenterid());sno.setStrdate(date);if (week.equals("星期日") || week.equals("星期六")){sno.setHoliday(1);}else{sno.setHoliday(0);}sourceNos.add(sno);}resulet = sourceNoService.insertlist(sourceNos);if (resulet > 0){SourceNo sno = new SourceNo();sno.setStrdate(date);sno.setCenterid(s.getCenterid());List<SourceNo> sns = sourceNoService.simplefound(sno);List<SourceTimeNo> nos = new ArrayList<SourceTimeNo>();for (SourceNo so : sns){for (MakeTime mt : times){SourceTimeNo stn = new SourceTimeNo();stn.setStartHourTime(mt.getStartHourTime());stn.setEndHourTime(mt.getEndHourTime());stn.setCreater(ls.getUserId());stn.setCenterid(mt.getCenterid());stn.setNumber(mt.getNumber());stn.setLeftCan(mt.getNumber());stn.setTimeTypeName(mt.getTimename());stn.setSeasonalName(mt.getSeasname());stn.setSourceNoId(so.getId() + "");nos.add(stn);}}resulet = noService.inserts(nos);}return resulet + "";}

   /**  * 概要说明 : 查看当月号源 <br>* 详细说明 : 查看当月号源<br>** @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#foundNowSource()* @author  by liuhao @ 2018年7月25日, 下午5:49:21 * @throws ParseException */@RequestMapping("foundNowSource")@ResponseBodypublic String foundNowSource(SourceNo s, LayuiPage p) throws ParseException{JSONObject obj = new JSONObject();Integer count = 5;List<Week> weeks = new ArrayList<Week>();if (s.getStrdate() == null || s.getStrdate().equals("")){String now = DateUtils.backYearMonth();// Integer days = DateUtils.getDaysOfMonth(now);s.setStrdate(now);}List<SourceNo> list = new ArrayList<SourceNo>();List<SourceNo> sourceNos = sourceNoService.simplefound(s);// System.out.println(JSONArray.toJSON(sourceNos));if (sourceNos != null && sourceNos.size() > 0){String wk[] = Globalvariable.WEEKS;Integer num = 0;num = DateUtils.backNumtoWeek(sourceNos.get(0).getNumweek());for (int i = 0; i < num; i++){SourceNo no = new SourceNo();no.setNumweek(wk[i]);list.add(no);}list.addAll(sourceNos);for (SourceNo sn : list){if (sn.getNumDate() != null && (sn.getNumDate().substring(sn.getNumDate().lastIndexOf("-") + 1, sn.getNumDate().length()).equals("01"))){if (sourceNos.size() == 31 && (sn.getNumweek().equals("星期五") || sn.getNumweek().equals("星期六"))){count = 6;}if (sourceNos.size() == 30 && sn.getNumweek().equals("星期六")){count = 6;}}}for (int i = 0; i < count; i++){Week week = new Week();Iterator<SourceNo> it = list.iterator();while (it.hasNext()){SourceNo sn = it.next();if (sn.getNumweek().equals("星期六")){week.setSaturday(sn);it.remove();break;}if (sn.getNumweek().equals("星期日")){week.setSunday(sn);it.remove();}if (sn.getNumweek().equals("星期一")){week.setMonday(sn);it.remove();}if (sn.getNumweek().equals("星期二")){week.setTuesday(sn);it.remove();}if (sn.getNumweek().equals("星期三")){week.setWednesday(sn);it.remove();}if (sn.getNumweek().equals("星期四")){week.setThursday(sn);it.remove();}if (sn.getNumweek().equals("星期五")){week.setFriday(sn);it.remove();}}weeks.add(week);}}obj.put("code", 0);obj.put("msg", "");obj.put("data", weeks);obj.put("count", count);return obj.toString();}

   /**  * 概要说明 : 去除周末 <br>* 详细说明 : 去除周末 <br>** @param session session* @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#removeWeek()* @author  by liuhao @ 2018年7月30日, 上午9:25:34 */@RequestMapping(value = "removeWeek", produces = "text/plain;charset=utf-8")@ResponseBodypublic String removeWeek(HttpSession session, SourceNo s){LogSession ls = (LogSession) session.getAttribute(SysConstants.SYSLOGUSER);s.setUpdater(ls.getUserId());Integer result = sourceNoService.disableWeek(s);return SimpleUitl.backMsg(result);}/**  * 概要说明 : 去除法定节假日 <br>* 详细说明 : 去除法定节假日 <br>** @param session   session* @param s   实体* @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#removeHoliday()* @author  by liuhao @ 2018年7月30日, 上午11:01:20 */@RequestMapping(value = "removeHoliday", produces = "text/plain;charset=utf-8")@ResponseBodypublic String removeHoliday(HttpSession session, SourceNo s){LogSession ls = (LogSession) session.getAttribute(SysConstants.SYSLOGUSER);s.setUpdater(ls.getUserId());Hodday h = new Hodday();String[] ids = null;h.setYearMon(s.getStrdate());List<String> list = new ArrayList<String>();List<Hodday> hoddays = hoddayService.simpleFound(h);if (hoddays.size() == 1 && hoddays.get(0) != null && hoddays.get(0).getDays() != null && !hoddays.get(0).getDays().equals("")){String str = hoddays.get(0).getDays();ids = str.split(",");}else{return "该月没有设置节假日！请先设置再来操作！";}for (String id : ids){list.add(s.getStrdate() + "-" + id);}Integer c = sourceNoService.disableHoliday(list, s);return SimpleUitl.backMsg(c);}

    /**  * 概要说明 : 修改为特殊类型<br>* 详细说明 : 修改为特殊类型 <br>** @param session session* @param s 实体* @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#updateTimeType()* @author  by liuhao @ 2018年7月27日, 上午10:29:17 * @throws ParseException */@RequestMapping(value = "updateTimeType", produces = "text/plain;charset=utf-8")@ResponseBodypublic String updateTimeType(HttpSession session, SourceNo s, String date) throws ParseException{@SuppressWarnings("unused")Integer result;Integer id = s.getId();LogSession ls = (LogSession) session.getAttribute(SysConstants.SYSLOGUSER);s.setFoundDate(DateUtils.backDate(date));// 查询该类型的时间段MakeTime m = new MakeTime();m.setTimeTypeId(s.getTimeTypeId());Integer count = makeTimeService.number(m);// 得到一天总数量if (count == null){return "";}s.setaMount(count);s.setUnMount(count);s.setUpdater(ls.getUserId());// 修改号源表数据result = sourceNoService.update(s);List<MakeTime> times = makeTimeService.simplefound(m);// 删除当日类型的时间段，从新增加特殊类型的时间段SourceTimeNo timeNo = new SourceTimeNo();timeNo.setSourceNoId(id + "");result = noService.deletes(timeNo);// 删除当天的所有时间段// 批量新增时间段号源List<SourceTimeNo> timeNos = new ArrayList<SourceTimeNo>();for (MakeTime mt : times){SourceTimeNo stn = new SourceTimeNo();stn.setStartHourTime(mt.getStartHourTime());stn.setEndHourTime(mt.getEndHourTime());stn.setCreater(ls.getCenterId());stn.setCenterid(mt.getCenterid());stn.setNumber(mt.getNumber());stn.setLeftCan(mt.getNumber());stn.setTimeTypeName(mt.getTimename());stn.setSeasonalName(mt.getSeasname());stn.setSourceNoId(id + "");timeNos.add(stn);}Integer num = noService.inserts(timeNos);return num + "";}

   /**  * 概要说明 : 查看当月号源 <br>* 详细说明 : 查看当月号源<br>** @return  String 类型返回值说明* @see  com.jinge.portal.controller.SourceNoController#foundNowSource()* @author  by liuhao @ 2018年7月25日, 下午5:49:21 * @throws ParseException */@RequestMapping("foundNowSource")@ResponseBodypublic String foundNowSource(SourceNo s, LayuiPage p) throws ParseException{JSONObject obj = new JSONObject();Integer count = 5;List<Week> weeks = new ArrayList<Week>();if (s.getStrdate() == null || s.getStrdate().equals("")){String now = DateUtils.backYearMonth();// Integer days = DateUtils.getDaysOfMonth(now);s.setStrdate(now);}List<SourceNo> list = new ArrayList<SourceNo>();List<SourceNo> sourceNos = sourceNoService.simplefound(s);// System.out.println(JSONArray.toJSON(sourceNos));if (sourceNos != null && sourceNos.size() > 0){String wk[] = Globalvariable.WEEKS;Integer num = 0;num = DateUtils.backNumtoWeek(sourceNos.get(0).getNumweek());for (int i = 0; i < num; i++){SourceNo no = new SourceNo();no.setNumweek(wk[i]);list.add(no);}list.addAll(sourceNos);for (SourceNo sn : list){if (sn.getNumDate() != null && (sn.getNumDate().substring(sn.getNumDate().lastIndexOf("-") + 1, sn.getNumDate().length()).equals("01"))){if (sourceNos.size() == 31 && (sn.getNumweek().equals("星期五") || sn.getNumweek().equals("星期六"))){count = 6;}if (sourceNos.size() == 30 && sn.getNumweek().equals("星期六")){count = 6;}}}for (int i = 0; i < count; i++){Week week = new Week();Iterator<SourceNo> it = list.iterator();while (it.hasNext()){SourceNo sn = it.next();if (sn.getNumweek().equals("星期六")){week.setSaturday(sn);it.remove();break;}if (sn.getNumweek().equals("星期日")){week.setSunday(sn);it.remove();}if (sn.getNumweek().equals("星期一")){week.setMonday(sn);it.remove();}if (sn.getNumweek().equals("星期二")){week.setTuesday(sn);it.remove();}if (sn.getNumweek().equals("星期三")){week.setWednesday(sn);it.remove();}if (sn.getNumweek().equals("星期四")){week.setThursday(sn);it.remove();}if (sn.getNumweek().equals("星期五")){week.setFriday(sn);it.remove();}}weeks.add(week);}}obj.put("code", 0);obj.put("msg", "");obj.put("data", weeks);obj.put("count", count);return obj.toString();}

layui 表格实现可编辑日历相关推荐

Layui 表格编辑
html代码 <td class="My_edit"></td> Jquery代码 //-----[Layui表格编辑()] function Layui_ ...
LayUI表格在线编辑动态修改列数据
LayUI表格在线编辑动态修改列数据每次只能修改指定属性是 edit 定义的列 {field:'aname', width:80, title: '昵称', minWidth: 100, edit ...
layui表格编辑修改session数据
layui表格编辑修改session数据开发工具与关键技术: 作者:熊琪撰写时间:2019.7.06 Layui表格编辑,首先明白layui的表格属性,清楚其作用.Layu给人的一种感觉就是当你没 ...
那些年我踩过的关于layui表格的坑
Layui问题荟萃 1 表格 1 表格显示 1 格式化 2 常用属性 3 表格的可编辑日期字段 4 表格合并 2 表格传值 3 表格获取值 1 表格 1 表格显示 1 格式化需求可能会要求将表格显示 ...
Layui表格内图片渲染以及上传图片到数据库（上）
Layui表格内图片渲染以及上传图片到数据库(上) 文献种类:专题技术文献; 开发工具与关键技术:VS Layui框架是现在用的范围比较广的一个,那么今天实现是在layui表格中渲染图片! 首先看一下 ...
layui表格更改一列数据_【WEB前端开辟】layui表格数据变动的一种处理方式
表格数据更改,平常包括几个内容:新增.修正.删除.挪动,开辟中常常会面对的一个题目就是更改以后怎样将数据同步到节点上,一向以来个人的提议照样应用表格重载,不管是url情势的照样data情势的实际都是须 ...
layui表格使用之重载
layui表格使用之重载(reload) 近期由于项目使用到layui,所以下班后花了点时间学习了一下layui ,记录分享一下学习心得与踩坑经验需求描述: 按照创建时间查询xxx表数据需要支持条件 ...
layui表格合并单元格
思想:layui表格合并单元格,layui并没有给出相应的解决办法:那么我们可以在前端使用js将相邻并相同的单元格合并: 1.页面代码: <!DOCTYPE html> <html ...
layui 表格组件中实现动态增加数据行的一种方式
layui 以界面简洁美观而吸引了不少开发人员,在使用table组件时,需要能编辑表格内容,动态增加数据行.编辑功能组件已支持.但动态增加数据行好像没有支持,网上提供的方式是,获得组件的数据集再加入一 ...

layui 表格实现可编辑日历

layui 表格实现可编辑日历相关推荐

最新文章

热门文章