我正在尝试构建一个动态表,其中的列基于我拥有的阶段/元素的数量。这些列包含任务/故障单,它们被定义为div 这是一个代码snipet:
var prozent = 100/itemCounter;
while (listItemEnumerator.moveNext()) {
var oListItem = listItemEnumerator.get_current();
table1Row += '<td style="width:' + prozent + '%" contenteditable="true" id="headline' + oListItem.get_id() + '">' + oListItem.get_item('Title') + '</td>';
table2Row += '<td class="droppable" id="column' + oListItem.get_id() + '" style="border-right: solid 1px #0072C6;"></td>';
}
tableComplete = '<tr class="headline">' + table1Row + '</tr><tr class="tableheight">' + table2Row + '</tr>';
jQuery('#tableId').html(tableComplete.toString());
例如:当我有5个元素时,每行应该是20%宽度。 使用Google Chrome和Firefox时,当列包含任务/故障单时,所有内容都会正确显示。对于IE 11,包含任务/票证的列的宽度远大于其他空列。
为什么IE 11显示错误并且有人知道如何解决这个问题?