修改以下代码中表格样式,在table中增加分界线和每段文字之间距离 代码:var popup = document.createElement('div'); table.style.borderCollapse = 'collapse'; var tableHead = '<tr><th>映射对象id</th><th>映射对象类型</th><th>映射对象名称</th><th>操作</th></tr>'; let tableBody = '' for (let i = 0; i < dom.tableData.length; i++) { const obj = dom.tableData[i] tableBody = tableBody + '<tr><td>'+ obj.dataId +'</td><td>'+ obj.type +'</td><td>'+ obj.dataName +'</td><td><button class="info-btn" data-name="张三" data-age="20" data-gender="男">查看</button></td></tr>' } thead.innerHTML = tableHead; tbody.innerHTML = tableBody;
时间: 2024-02-16 15:06:17 浏览: 64
html中table的表格样式
可以在代码中增加如下样式来实现表格中分界线和每段文字之间的距离:
```
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td {
border: 1px solid black;
padding: 10px;
}
```
修改后的代码如下:
```
var popup = document.createElement('div');
table.style.borderCollapse = 'collapse';
table.style.borderSpacing = '0';
var tableHead = '<tr><th>映射对象id</th><th>映射对象类型</th><th>映射对象名称</th><th>操作</th></tr>';
let tableBody = ''
for (let i = 0; i < dom.tableData.length; i++) {
const obj = dom.tableData[i]
tableBody = tableBody + '<tr><td>'+ obj.dataId +'</td><td>'+ obj.type +'</td><td>'+ obj.dataName +'</td><td><button class="info-btn" data-name="张三" data-age="20" data-gender="男">查看</button></td></tr>'
}
thead.innerHTML = tableHead;
tbody.innerHTML = tableBody;
```
这样就可以在表格中增加分界线和每段文字之间的距离了。
阅读全文