Question

我可以知道限制Html表的列数的方法是什么（例如每行3列）？

仅供参考，我正在使用row.insertCell（）将单元格添加到与行id匹配的特定行。我希望将表格中的单元格数限制为每行3个。

Answer 1

“限制”？没有自然限制。你必须自己在自己的代码上强制执行它。

检查您插入的行是否已有3个单元格，如果有，则不添加新单元格。

Answer 2

使用row.cells集合检查行中包含的单元格数。

var row = document.getElementById('row_id'),
    cells = row.cells, max = 3;
if (cells.length < max) {
    // Add cell(s) to #row_id
}

Answer 3

for(i=0;i<3;i++)
row.insertCell()

Answer 4

javascript或html标准中没有此限制。你必须在插入过程中自己强制执行它。

一个简单的计数器可以解决问题。

var items = ['c00', 'c01', 'c02', 'c10', 'c11', 'c12'];  //sample data

var table = document.getElementById("myTable");
var row;

for(var i = 0; i < items.length; i++){
  if(i % 3 == 0) {   //after every third cell add a new row and change the row variable to point to it
     row = table.insertRow(-1);      
  }
  var cell = row.insertCell(-1);  //simply insert the row
  cell.innerHTML = items[i];
}

有很多方法可以做到这一点。它实际上取决于你如何构建你的代码。

设置html表中每行的列数限制

4 个答案: