当前位置: 首页 > news >正文

工商注册名字查询系统网站如何做优化推广

工商注册名字查询系统,网站如何做优化推广,wordpress网页靠左,python爬虫爬小说来做网站说在前面&#xff1a; 最近一直在用layui处理表格 写的有些代码感觉还挺有用的&#xff0c;顺便记录下来方便以后查看使用&#xff1b; HTML处代码 拿到id 渲染位置表格 <div class"layui-table-body salaryTable"><table class"layui-table" i…

说在前面:
最近一直在用layui处理表格
写的有些代码感觉还挺有用的,顺便记录下来方便以后查看使用;

HTML处代码

拿到id 渲染位置表格

 <div class="layui-table-body salaryTable"><table class="layui-table" id="ID-table-salary-parse" style="display:block"></table></div>

CSS

  .layui-table th {background-color: rgb(199 217 234 / 78%); /* 设置表头的背景颜色 */color: #2e2e2e; /* 设置表头的文本颜色 */font-weight: bold;}.layui-table tbody tr:nth-child(odd) {background-color: #ffffff; /* 设置奇数行的背景颜色 */}.layui-table tbody tr:nth-child(even) {background-color: rgba(239, 239, 239, 0.94); /* 设置偶数行的背景颜色 */}.layui-table td, .layui-table th {border: 1px solid #e6e6e6; /* 边框颜色 */}.layui-table td, .layui-table th {border-width: 2px; /* 设置双边框效果 */}

重点来了
JS代码


var backData = {};
var backData3 = {};
layui.use('table', function () {getStudentTaskData()function getStudentTaskData() {ajaxBase.getSelectInfo(false, function (jsonData) {if (jsonData['单据json']) {backData = jsonData['代扣项目'];backData3 = jsonData['工资薪酬计算表'];}})}var datas = []$.each(backData3, function (index, item) {var coll = {};for (key in item) {coll[key.split("、")[1]] = item[key];}datas.push(coll);})var table = layui.table;var colLists = [];for (key in backData[0]) {var colList = {};colList['field'] = key;colList['title'] = key;colList['align'] = 'center';colList['minWidth'] = '122';colLists.push(colList);}colLists.sort();// 渲染table.render({elem: '#ID-table-demo-parse', data: backData, cols: [colLists], height: 100});colLists = [];var colls = [];const site = 0;var colList = {};for (key in backData3[0]) {colList[key.split("、")[0]] = key.split("、")[1]}for (key in colList) {var coll = {};if (colList[key].includes('代扣项目')) {coll['field'] = colList[key];coll['edit'] = 'text';coll['title'] = colList[key].split("-")[1];coll['align'] = 'center';colls.push(coll);// colLists.push(coll);} else {coll['field'] = colList[key];coll['title'] = colList[key];coll['edit'] = 'text';coll['rowspan'] = 2;coll['align'] = 'center';colLists.push(coll);if (colList[key].includes('收入总额')) {var colll = {};colll['field'] = '代扣项目';colll['title'] = '代扣项目';colll['align'] = 'center';colll['colspan'] = 5;colLists.push(colll);}}}//console.log('colLists', colLists)// 渲染table.render({elem: '#ID-table-salary-parse', data: datas, cols: [colLists, colls], height: 350});
});

合并表头需要在在这里插入图片描述
cols中传入[ [ ],[ ] ]这种数组类型的格式;
主要就是不合并的表头都加上rowspan:2(代表行跨度为2)
colspan:5 表示第二个数组需要合并的表格个数;

完成效果图:
在这里插入图片描述


小程序演示地址:
点击演示

http://www.dt0577.cn/news/20907.html

相关文章:

  • 三屏合一网站开发汕头网站建设开发
  • 10月哪个网站做电影票活动信息流优化师是什么
  • 网站界面设计需要首先做市场研究吗dw网页制作教程
  • 如何创建网站教程视频googleseo排名公司
  • 做非法网站要多少钱网站友情链接
  • html代码基础邢台市seo服务
  • 吃的网站要怎么做的seo还有未来吗
  • 什么网站上做效果图可以赚钱域名大全
  • wordpress官网案例上海网站seo
  • 做润滑油网站图片十大免费网站推广入口
  • 东莞 塑胶 网站建设seo运营
  • 江西赣县区疫情最新消息黄石市seo关键词优化怎么做
  • 网站后台怎么做alt标签网络营销的特点有哪些特点
  • 漳浦建设局网站黑科技引流推广神器
  • 汕头公众号建设网站黄页大全
  • 套模板的网站为什么排名做不上去网站推广途径和推广要点有哪些?
  • 学做招投标的网站有哪些pr的选择应该优先选择的链接为
  • 网页游戏百度网站seo优化发布高质量外链
  • 性价比最高网站建设电话百度人气榜排名
  • wordpress弹窗登录注册seo整站优化一年价格多少
  • 网站建设的税收分类编码免费推广软件
  • gif5网站下载不了做的动图网站平台有哪些
  • asp网站 手机登录关键词查询爱站网
  • 怎么通过做网站挣钱代理公司注册
  • 天津市做企业标准网站seo关键词排名实用软件
  • 广东省建设厅网站可以查男生最喜欢的浏览器
  • 国外有哪些设计网站推荐爱站网能不能挖掘关键词
  • 做美食没有广告的网站百度地图收录提交入口
  • 网站建设的业务员怎么创建域名
  • wordpress白屏河南网站优化公司哪家好