2
<script type="text/javascript" language="javascript">
function addNewRow()
{
var table = document.getElementById("table1");
var tr = table.insertRow();
var td = tr.insertCell();
td.innerHTML= "a";
td = tr.insertCell();
td.innerHTML= "b";
td = tr.insertCell();
td.innerHTML= "c";
td = tr.insertCell();
td.innerHTML= "d";
td = tr.insertCell();
td.innerHTML= "e";
}
</script>
<body>
<table id="table1" border="1" cellpadding="0" cellspacing="0" width="100%">
<tr id="row1">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
<input type="button" onClick="addNewRow()" value="Add New"/>
</body>
Cet exemple est pour insérer dynamiquement une nouvelle rangée et les cellules de la table. Mais son comportement est différent dans tous les navigateurs.insérer dynamiquement de nouvelles lignes dans la table
- Internet Explorer = Il ajoute une ligne dans la dernière et les nouvelles cellules ajoutées commencent à partir du premier. Chrome/Safari = Il ajoute une nouvelle ligne dans la première et les nouvelles cellules ajoutées commencent à partir de la fin.
Mozilla Firefox = Cela ne fonctionne pas.
Je souhaite que la nouvelle ligne ajoutée dans la dernière et les nouvelles cellules ajoutées commence à la première place (Internet Explorer) dans tous les navigateurs.
Si vous avez une solution pour le même comportement s'il vous plaît dites-moi.
Jusqu'à présent, la réponse de Stonedecroze est la plus correcte. Vous pourriez passer des semaines à essayer de faire fonctionner cela sur 3 ou 4 navigateurs. Ou vous pouvez suivre le lien hypertexte et avoir une version jQuery en cours d'exécution en quelques minutes - avec une bien meilleure assurance que cela fonctionnera sur autant de navigateurs que possible. –
Ceci est une pisse mauvaise réponse, mais avez-vous essayé d'utiliser jQuery? [Si non, essayez ceci] (http://stackoverflow.com/questions/171027/jquery-add-table-row) – Stonedecroze
Vous pourriez trouver ceci utile: [http://stackoverflow.com/questions/171027/add-table -row-in-jquery] [1] [1]: http://stackoverflow.com/questions/171027/add-table-row-in-jquery –