如何在 ie8 中将表格行和列转换为滚动表格？

我尝试搜索，发现 CSS 仅示例使用了IE 8 浏览器不支持的Flex和Grid 。作为解决方法，您可以尝试使用 Javascript 代码将表行转换为列。例子：<!doctype html><html><head><style>#btn, #tbl2container {margin-top: 10px;}td { padding: 5px; border: 1px dotted gray;}</style></head><body><div id="table_container"> <table id="tbl1"> <tr> <td>A1</td> <td>A2</td> <td>A3</td> <td>A4</td> <td>A5</td> </tr> <tr> <td>B1</td> <td>B2</td> <td>B3</td> <td>B4</td> <td>B5</td> </tr> <tr> <td>C1</td> <td>C2</td> <td>C3</td> <td>C4</td> <td>C5</td> </tr> </table></div><button id="btn" onclick="clk()">Convert Table</button><div id="tbl2container"></div><script>function convertTable(tbl) { var rows = tbl.rows.length; var cols = tbl.rows[0].cells.length; var tbl2 = document.createElement('table'); for (var i = 0; i < cols; i++) { var tr = document.createElement('tr'); for (var j = 0; j < rows; j++) { var td = document.createElement('td'); var tdih = tbl.rows[j].cells[i].innerHTML; td.innerHTML = tdih; tr.appendChild(td); } tbl2.appendChild(tr); } return tbl2;}//testvar btn = document.getElementById('btn');function clk() { this.disabled = true; var t1 = document.getElementById('tbl1'); var t2 = convertTable(t1); document.getElementById('tbl2container').appendChild(t2);}</script></body></html>

如何在 ie8 中将表格行和列转换为滚动表格？

1回答