jqGrid ajouter une nouvelle colonne

Je l'ai trouvé dans jqGrid plugin pour JQuery je peux ajouter des lignes de manière dynamique, mais ce que je peux faire la même chose avec des colonnes? Si il y aurait une table simple, je préfère le faire manuellement en mains, mais jqGrid stocke les informations de la table dans un grand nombre de divs.

source d'informationauteur Ockonal

  1. 31

    Il n'est pas possible d'ajouter une colonne à la jqGrid de façon dynamique. Vous devez recréer l'ensemble de la grille avec colModel avoir une colonne de plus. Si vous utilisez des colNamesalors la taille de la matrice doivent être augmentés. Vous pouvez utiliser GridDestroy par exemple de détruire le réseau existant. L'utilisation de jQuery.Remove ou jQuery.Emptyau contraire, est également possible.

    Mis à JOUR: Il me semble que GridUnload est mieux pour votre porpose. J'ai créé petite démo qui montrent comment on peut recréer une grille. Pour être en mesure d'utiliser GridUnload ou GridDestroy vous devez vérifier que vous incluez grid.custom.js dans votre projet (si vous utilisez la version développeur de la jqGrid) ou vous avez coché la case "Custom" "Additinal méthodes" sur le jqGrid télécharger page.

    Mise à JOUR 2: On peut utiliser des addColumn méthode qui peut être téléchargé à partir de ici (voir jQuery.jqGrid.addColumn.js). La méthode est encore en phase bêta. On peut trouver quelques démos qui montre comment utiliser la méthode ici (voir addColumnX.htm exemples).

  2. 4

    suffit d'utiliser 

    $("#gridid").jqGrid('GridUnload');

    il sera déchargé de la grille totalement et sera prêt à charger à nouveau avec de nouvelles colonnes et les données.

  3. 0

    rownumbers: true,
    et
    rownumWidth:25(par défaut)

  4. -1

    Vous pouvez simplement définir le nouveau modèle de colonnes et de recharger la grille: 

    var newColModel = $("#myGrid").jqGrid("getGridParam", "colModel").concat({ /* new column attributes */ });
$("#myGrid").jqGrid("setGridParam", {colModel: newColModel}).trigger("reloadGrid");