js给table加一个td

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js给table加一个td相关的知识,希望对你有一定的参考价值。

参考技术A <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加Table行</title>
</head>
<script>
function addRow(obj)

//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd1.innerHTML = '<input type=checkbox id="box4">';
newTd0.innerText= '新加行';

</script>
<body>
<table id="testTbl" border=1>
<tr id="tr1">
<td ><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>
<tr id="tr2">
<td ><input type=checkbox id="box2"></td>
<td id="b">第二行</td>
</tr>
<tr id="tr3">
<td ><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
</table>
<br />
<input type="button" id="add" onclick="addRow();" value="Add Row" />
</body>
</html>
看看怎么样

参考资料:自己

本回答被提问者采纳

bootstrap table 怎么加左右滑动条

参考技术A 这位网友你好,你需要给单元格(也就是td)设置一个最小宽度,超过后显示滚动条用overflow-x:auto;就可以了。

以上是关于js给table加一个td的主要内容,如果未能解决你的问题,请参考以下文章

给所有的td单元格绑定一个click事件

JS怎样使用appendChild 给table 增加tr td

使用JS实现table里面td内容的更改

js 或者 jq 获取 Table 里面每一个td 里面的值

一个html页面中有一个table,几个text,table从数据库中把值读出来,怎样把table中的值在text显示出来

HTML CSS样式 怎样给一个表格添加两个class样式