Question

我动态设置table rows。当4行超过table时，5th row太大，我不得不削减它。

这个想法是，当second column出现时，它会进入previous row的{{1}}，因此仍有4行，其中last row有2 columns。然后，我尝试为colspan="2"设置rows 1 col。

但问题是它不想工作。我现在已经坚持了2天，我无法找到任何想法...真的很想听到你的任何提示。提前谢谢。

我还尝试将colspan="2"设置为generateTD() function - 到目前为止没有效果。

＆＃13;

var container = document.getElementById('container');
function generateTD(){
  var output = '';
  for(var i=1; i<7; i++){
    output += '<tr>';
    if(i<5){
      output += '<td class="merged-col">Row#'+[i]+'</td>';
      if(i>=4){
        output += '<td>Row#'+[i]+'</td>';
      }
    }
    output += '</tr>';
   }
  container.innerHTML = output;
}

generateTD();
$('.merged-col').attr('colspan', 2);

＆＃13;

td{
  border: 1px solid black;
  padding: 4px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="container"></table>

＆＃13;

动态设置colspan jquery

0 个答案: