谷歌Webapps:HTML表格在手机上呈现颠倒

我正在为我在大学参加的学生组织创建一个设备管理和租赁系统。网络应用程序在我的电脑上反应完美，但当我试图从iPad或iPhone上运行网络应用程序时，似乎有点胡说八道。（显然，除了移动版的Chrome之外，这也会影响Safari的桌面版。）

webapp在很大程度上依赖于几个相对简单的HTML表。当我在移动设备上运行webapp时，表以相反的升序呈现，而不是像桌面版本那样以降序呈现

这（显然）影响了应用程序的完整性，我也不确定原因

潜在问题代码：

function tableMaker(){
    var table = document.getElementById('AddT')

  //If the table is empty, start counting. Else, resume count from the last cell.
  if (table.rows.length < 1){
      var happy = "0"+table.rows.length
      var rownum = happy.slice(-2)
  }else{
      var happy = $('#AddT tr:last').prop("id")
      var happier = "0" + (Number(happy)+1)
      var rownum = happier.slice(-2)
  }

  var row = table.insertRow(table.length)
  row.id = rownum
  console.log("Creating cells with the ID: "+rownum)

  var cell0 = row.insertCell(0)
  var cell1 = row.insertCell(1);
  var cell2 = row.insertCell(2);

  //The first cell won't have the option to be deleted.
  if(table.rows.length > 1){
      cell0.innerHTML = "<text onclick='javacript:delRow(\""+rownum+"\")'>x</text>"
  }

  cell1.innerHTML = //Some painfully long select tag
  cell2.innerHTML = "<select id=select"+rownum+" disabled></select>"

  $('#addEquip').show("fade") //The div in which the table is contained
  $('#manLoad').hide() //A loading animation
}

函数tableMaker（）{
var table=document.getElementById（'AddT'）
//如果表格为空，则开始计数。否则，从最后一个单元格继续计数。
如果（表.rows.length<1）{
var happy=“0”+table.rows.length
var rownum=happy.slice（-2）
}否则{
var happy=$（'#AddT tr:last'）.prop（“id”）
var happier=“0”+（数字（happier）+1）
var rownum=0.slice（-2）
}
变量行=table.insertRow（table.length）
row.id=rownum
log（“创建ID为“+rownum”的单元格）
var cell0=row.insertCell（0）
var cell1=行插入单元格（1）；
var cell2=行插入单元格（2）；
//第一个单元格将没有要删除的选项。
如果（table.rows.length>1）{
cell0.innerHTML=“x”
}
cell1.innerHTML=//一些非常长的select标记
cell2.innerHTML=“”
$（“#addEquip”）.show（“fade”）//包含表的div
$（'#manLoad'）.hide（）//加载动画
}

（Bortha Muggerums是我虚构的合作开发者。她帮了我很多。）

在这张图片中，你可以看到我遇到的问题。在Safari中，第一个单元格之后的每个单元格都被标记为“01”，而在Chrome中，每个单元格都被按顺序标记，就像它应该出现的那样

最终，我需要为iPad进行优化。非常感谢您的任何帮助。谢谢

而不是使用

var happier = "0" + (Number(happy)+1)

使用

而不是使用

var happier = "0" + (Number(happy)+1)

使用

---

我想我已经明白了。无论出于何种原因，谷歌Chrome的桌面版可以将

table.rows.length

等同于

table.length

，而Safari和其他web浏览器则需要调皮

.rows

改变

var row=table.insertRow（table.length）

到

---

var row=table.insertRow（table.rows.length）

解决了这个问题。

我想我已经解决了。无论出于何种原因，谷歌Chrome的桌面版可以将

table.rows.length

等同于

table.length

，而Safari和其他web浏览器则需要调皮

.rows

改变

var row=table.insertRow（table.length）

到

---

var row=table.insertRow（table.rows.length）

解决了这个问题。

您收到过任何类型的错误吗？您收到过任何类型的错误吗？