以前看到别人的帖子说在动态设置cell风格时遇到问题,最近
自己也遇到同样的问题,就是在向table中insertCell()时,
无法给它的style属性设置一些类似于boder-bottom之类的风格。
在网上也查了很多种解决办法,比如下面的几种方式:
var newRow = [TableObject].insertRow(i);
var newCell = newRow.insertCell();
1. newCell.style[ "boder-bottom "] = "1px solid silver ";
2. newCell.setAttribute( "style ", "1px solid silver ");
3. newCell.style.boder-Bottom = "1px solid silver ";
这几种方法经过测试,都不能用,最后一种甚至是语法错误。
后来发现,对于这种中间带“-”的style属性,如果用
newCell.style.boderBottom = "1px solid silver ";
这样的方法,就可以解决不能设置的问题,也就是单纯地把
小横线“-”去掉就可以了。
用同样的方法,就可以给 "font-size ", "background-color ",
"text-align "等等类似的属性动态赋值了。
另外,对于一个newCell要设置许多属性的话,可以用
with (newCell.style) {
fontSize = "9pt ";
borderBottom = "1px solid silver ";
}
这样的方法来设置,减少代码字数。
分享到:
相关推荐
sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色,居中,自动换行,宽度,百分数展示等
jQuery表格编辑添加删除行代码是一款适用于手机端的编辑表格代码。 <title>jQuery表格编辑添加删除行代码 </title> <link rel="stylesheet" href="css/bootstrap.css?3.1.64"> <...
成功解决问题,不要在field中添加高度,可以自行设置宽度,这样就可以让表格自适应高度了~! 以上这篇解决Layui 表格自适应高度的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持...
本文实例讲述了jQuery实现的简单动态添加、删除表格功能。分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF...
使用xlsx-style插件创建带样式的excel文件,导出单个sheet和导出多个sheet,具体操作步骤见博客。 https://blog.csdn.net/lilycheng1986/article/details/124164816
本文实例为大家分享了vue element实现表格合并行数据的具体代码,供大家参考,具体内容如下 支持不分页的表格数据,分页的表格数据还有小bug <template> <el-container> <el-main> :data="tableData" border...
数据表格行样式 - DataGrid Custom Row Style 数据表格页脚行 - DataGridFooter Row 树形数据表格 - TreeGrid 数据表格显示页脚 - TreeGrid 带分页的树形数据表格 -TreeGrid 属性表格 - PropertyGrid ...
//表格增加一行 doc.Tables[1].Cell(i, 1).Range.Text = "250297";//卡号 doc.Tables[1].Cell(i, 2).Range.Text = "COM12";//串口号 doc.Tables[1].Cell(i, 3).Range.Text = "100";//发送指令条数 doc.Tables[1]...
动态表格:</label><br> ”1″> ”table”> </table> </body> </html> script: 代码如下: [removed] function getColumnDetail(column){ column.style.color = “blue”; //将被点击的单元格设置为蓝色...
1. 首先在页面中配置好一个表格框架 新增参数: <td class=pn-fcontent><input type=button value=选择 onclick=openAppParamsPage();/> 参数列表: <td class=pn-fcontent><input type=hidden id=params...
效果: 代码: 代码如下:<...style type=”text/css”> tr { height: 30px; } </style> [removed] [removed] = function () { var oName = document.getElementById(‘txt1’); var oEasyName
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,... 一款简洁实用的自适应PC手机端的jQuery可编辑表格代码,jQuery表格添加删除行数据代码,使用起来十分的方便。
需要做一个需求:新增一个xml文件时,添加数量不确定、属性相同的xml标签,想了想可以用表格做啊,属性相同,使用统一的表头,下面的属性值只是进行增删改不就行了,就类似于mysql给表里填数据一样。 可是目前似乎还...
html表格样式<!... <style type="text/css"> td{ text-align:center; } a{ text-decoration: none;... <caption><strong>明星排行榜</strong> 添加</a></caption> <!-- <colgroup span="1" bgco
国外大神开发的基于MFC的表格控件,不需要下载任何控件直接添加到工程中即可使用
现在任何事务都追求效率和人性化,当然网页效果也是如此,如果一个可以编辑数据的表格,编辑到最后一行的时候,点击可以自动添加一行,这样算是一个比较人性化的效果,可以免去一丝劳顿之苦,下面分享一段这样的代码...
// 动态添加事件 addEvent : function(oTarget, sEventType, funName) { if (oTarget.addEventListener) { oTarget.addEventListener(sEventType.substring(2, sEventType.length), funName, ...
当表格的列比较多的时候,可能就需要固定表格的宽度了,默认的100%宽已经不适应了。默认的100%宽要实现改变窗口大小也100%的话,在table元素上添加width=”100%”,至于css的100%为什么不生效,原因未知。 下面就说说...
Vue+element-ui添加自定义右键菜单的方法示例 ... </template> 2、在页面编写右键菜单内容 <ul v-show="visible" :style="{left:left+'px',top:top+'px'}" class="contextmenu"> 上移一层</li> <li>
js调整table行的上下顺序<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <title>Table test <style type="text/css"> <!-- td { text-align:center;font-size:12px;padding:3px;} --> </style> ...