1.<table id="tab" style="border-collapse: collapse;" border="1" class="table-line" bordercolor="#abcd00;"> //所有的td都会有bordercolor一样
<tr><td class="title-line01">姓名</td><td class="title-line01">年龄</td><td class="title-line01"><a href="javascript:add();">添加</a><a href="javascript:del();">删除</a></td></tr>
</table>
2. <table style="border-color: #abcd00;" > //table外边框
3.<script type="text/javascript">
function add(){
var tab=document.getElementById("tab");
var row=tab.insertRow();
var t1=row.insertCell();
t1.innerHTML="X";
var t2=row.insertCell();
t2.innerHTML="Y";
var t3=row.insertCell();
t3.innerHTML="<input type=\"checkbox\" name=\"box\" value=\"1\"/>";
}
function del() {
var mytable = document.getElementById("tab");
var c = document.getElementsByName("box");
var count = c.length;
for (var i = 0; i < count; i++) {
if (c[i].checked) {
mytable.deleteRow(i + 1);
i--;
count--;
}
}
}
</script>
</head>
<body>
<table id="tab" align="center" style="border-collapse: collapse;" border="1" class="table-line" bordercolor="#abcd00;">
<tr><td class="title-line01">姓名</td><td class="title-line01">年龄</td><td class="title-line01"><a href="javascript:add();">添加</a> <a href="javascript:del();">删除</a></td></tr>
</table>
</body>
</html>
分享到:
相关推荐
vscode 扩展插件 - 将剪切板中的 jsonc 文本或者 table html 转换为 TypeScript 类型
tableHTML 概述 tableHTML的目标是创建易于CSS兼容HTML表。 它与使用HTML / CSS的任何应用程序兼容,并已成功通过以下测试: 闪亮的 Rmarkdown 微软办公软件 该软件包遵循tidyverse原理,并使用管道运算符%>%将...
table转换为Html格式Table
工具类中有两个方法,一个是根据前台传入的table的html代码进行导出excel(可以只自定义表格名称/sheet页名称)。还一种是根据html文件,代码自动解析出table然后进行excel导出
StringBuilder Content = new StringBuilder(); Content.Append("Dear ... <table cellspacing="0" width='100%' bordercolordark="white" cellpadding="0" align="center" bordercolorlight="#cccccc" border="1">
使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 在html中<td> 标签定义 HTML 表格中的标准单元格。 (1)rowspan 属性规定单元格可横跨的行数;...table id="tab" cellpadding="1
HTML Table 漂亮的CSS 包含了格式各样的CSS,代码非常独立,肯定能够让你用到的。
里面有详细的注释
table代码table代码table代码table代码table代码table代码table代码table代码table代码table代码
本软件主要是在html中进行table排序
实现自动添加table行,增删改查功能统一完成实现,统一提交
主要介绍了html Table 表头固定的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
table1.htmltable1.htmltable1.htmltable1.htmltable1.htmltable1.htmltable1.htmltable1.html
html table page
table table自定义列排序;目前支持数值排序,文本(支持中文)排序; 示例: var option = { tableid: '#tableid', sortindex: 7, sorttype: "down", sortby: "text" }; $("#tableid").sortTable(option);
开发Web项目过程中会遇到在table中画斜线的情况. 例如: 成绩和学员之间在一个td中, 需要用斜线来隔开. 自己下载试试吧
一个jquery插件,可以方便地将html中的table实现为可以手动拖动并调整列宽。使用方法简单,例$("#tb").ZTable();
html的table滚动时固定首行和首例,网上多为3个table拼合实现,现使用一个table实现
将页面中的HtmlTable,导出为Execl 支持合并单位元、合并行等操作。续之前的优化了计算算法,升级了代码。
这是将其安装到计算机上的方法: pip install pretty_html_table 例如,这是如何转换数据框的方法: from pretty_html_table import build_tablehtml_table_blue_light = build_table(pd.read_excel('df.xlsx'), '...