用于在表格中添加单元格的Javascript

时间:2018-03-25 10:44:44

标签: javascript for-loop cell

我有问题。我需要连续插入单元格。单元格的内容是数组的元素。但是重复......在这里我的代码:

(IBAction) pinchForZoom:(id) sender forEvent:(UIEvent*) event {
    UIPinchGestureRecognizer* pinchRecognizer = (UIPinchGestureRecognizer *)sender;

    static CGFloat zoomFactorBegin = .0;
    if ( UIGestureRecognizerStateBegan == pinchRecognizer.state ) {
        zoomFactorBegin = self.captureDevice.videoZoomFactor;

    } else if (UIGestureRecognizerStateChanged == pinchRecognizer.state) {
        NSError *error = nil;
        if ([self.captureDevice lockForConfiguration:&error]) {

            CGFloat desiredZoomFactor = zoomFactorBegin * pinchRecognizer.scale;
            CGFloat zoomFactor = MAX(1.0, MIN(desiredZoomFactor, self.captureDevice.activeFormat.videoMaxZoomFactor));
            [self.captureDevice rampToVideoZoomFactor:zoomFactor withRate:3.0];

            [self.captureDevice unlockForConfiguration];
        } else {
            NSLog(@"error: %@", error);
        }
    }
}

有什么问题?

1 个答案:

答案 0 :(得分:0)

row.insertCell() return new cell. If you want to create cell and use it you should save created cell in variable. You get duplicate because you call insertCell twice. I hope code below can help you

var table = document.querySelector(".table");
var row = table.insertRow(-1);
var fila = ["fecha", "liga", "equipolocal", "equipovisitante", "goleslocal", "golesvisitante"];

for (let i = 0; i < fila.length; i++) {
  const insertedCell = row.insertCell(i);
  insertedCell.textContent = fila[i];
}   
table td {
border: 1px solid lime;
}
<table class="table">
  <tbody>
    <tr>
      <td>cell_1_1</td>
      <td>cell_1_2</td>
    </tr>
    <tr>
      <td>cell_2_1</td>
      <td>cell_2_2</td>
    </tr>
  </tbody>
</table>