js动态添加table行的样式问题

我用ajax获取数据后，用js处理动态添加行，每一行的占的rowspan不同，添加后，却没有按照想要的效果；
自己研究了半天没有解决，图片上的问题和我一样，理论上一行一行的，实际效果如图，如果不加colspan或者rowsapn属性就没这问题。希望能解决

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
bdmh 移动开发领域优质创作者 2016-01-26 08:21
关注
你应该设置相同的列数，然后合并单元格，设置colspan合并列

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

如何给table表格添加边框 css javascript vue.js
2022-08-13 08:54

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me
关于el-table表格样式的问题 html5 javascript 前端
2022-02-13 13:17

回答 1 已采纳
elementUi-table 斑马纹 -鼠标移入某行后样式怎么设置 elementui vue.js 前端
2022-03-17 10:39

回答 2 已采纳 .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{ @include background-color
纯JS table动态增加行
2021-08-21 16:43

Desultory丶夜涂的博客 JS代码： function addRow(tableId) { var tb=document.getElementById(tableId); var tbRows=tb.rows; var newTr=tb.insertRow(tbRows.length); newTr.align="center"; var newTd0=newTr.insertCell(0); ...
怎么让table表格样式接近el-table展示出来的效果 css vue.js 前端
2022-06-16 16:17

回答 4 已采纳 <table border="0" cellspacing="0"> <tr> <td>标题</td
vue element表格默认选中第一行问题 elementui vue.js 前端
2022-03-22 16:13

回答 2 已采纳 toggleRowSelection 属性可以 Element - The world's most popular Vue UI framework
为啥我在javascript里写的<tr><td>不生效 ajax javascript 前端
2022-01-02 13:03

回答 1 已采纳 table布局换成这样 <table> <thead> <tr> <th align
前端小技巧：js 动态创建table标签下的tr标签
2019-06-30 22:28

concealed0的博客使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" id="poweruser"> <thead> <tr> <th width="80">ID&...
element-ui table表格排版混乱 elementui vue.js 前端
2022-02-22 11:09

回答 2 已采纳加个doLayout <el-table ref="table" beforeUpdate () { this.$nextTick(() => { this.$
ant-design-vue表格过滤数据，自定义行样式 javascript view design vue.js
2022-09-21 09:04

回答 4 已采纳本人解决方案如下： 1. 根据创建时间，表格只显示最近两天内的日志数据 :dataSource="filterDataSource" computed:{ filterDataSourc
bootstrapTable中使用onCheck方法取消选中某行的CheckBox bootstrap jquery
2020-12-07 09:08

回答 1 已采纳不知道是否满足你的需求，我在Demo中列举了一些API，也在demo中写了一个示例，我的示例需求是在选中行时触发，取消选中当前数据以外的行，你可以按照自己的需求改数组，可以试一下这个示例，希望能帮到
Element -UI动态地设置el-table行样式
2022-03-14 16:24

大雄不是大熊的博客 Element -UI动态地设置el-table行样式
前端table表格给td调整宽度，左侧表格加宽后，右边的表格因为屏幕原因没有调宽 html vue.js 前端
2022-05-26 14:23

回答 2 已采纳不用百分比,用实际宽度
el-table动态添加行（包含input输入框）
2022-03-11 17:02

小菜鸟码住的博客 <el-form size="small" :disabled="isdisabled"> <el-form-item prop="servin"> <template> <div style="font-weight:bold;text-align:center;...el-table ref="table" border
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2020-12-10 08:24

简单分析：根据需求——动态添加一行，首先想到的是利用JS/jQuery操作DOM对象实现在数据表格table中手动添加一个tr，但由于数据表格的每一行的每一个单元格都有其样式，因此，要想动态添加的一行与Layui数据表格渲染...
没有解决我的问题, 去提问

悬赏问题

¥15 java 操作 elasticsearch 8.1 实现索引的重建
¥15 数据可视化Python
¥15 要给毕业设计添加扫码登录的功能！！有偿
¥15 kafka 分区副本增加会导致消息丢失或者不可用吗？
¥15 微信公众号自制会员卡没有收款渠道啊
¥15 stable diffusion
¥100 Jenkins自动化部署—悬赏100元
¥15 关于#python#的问题：求帮写python代码
¥20 MATLAB画图图形出现上下震荡的线条
¥15 关于#windows#的问题：怎么用WIN 11系统的电脑克隆WIN NT3.51-4.0系统的硬盘