Je dois afficher une table sous forme de grille 5x5. Mais les données que j'ai en tant que données json peuvent avoir plus de 5 colonnes de données. En utilisant le curseur jquery, comment modifier les données de la table> td en fonction du défilement du curseur.Modifier les données td à l'aide du curseur jquery sur le défilement
i ont l'objet JSON suivant:
var tData = [
["R1C1","R1C2","R1C3","R1C4","R1C5","R1C6","R1C7","R1C8","R1C9"],
["R2C1","R2C2","R2C3","R2C4","R2C5","R2C6","R2C7","R2C8","R2C9"],
["R3C1","R3C2","R3C3","R3C4","R3C5","R3C6","R3C7","R3C8","R3C9"],
["R4C1","R4C2","R4C3","R4C4","R4C5","R4C6","R4C7","R4C8","R4C9"],
["R5C1","R5C2","R5C3","R5C4","R5C5","R5C6","R5C7","R5C8","R5C9"]
];
par défaut, les données ressemble au tableau ci-dessous.
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __
| R1C1 | R1C2 | R1C3 | R1C4 | R1C5 |
|_ _ _ | _ _ _ _ _ _ | _ _ _|_ _ _ |
| R2C1 | R2C2 | R2C3 | R2C4 | R2C5 |
|_ _ _ | _ _ _ _ _ _ | _ _ _|_ _ _ |
| R3C1 | R3C2 | R3C3 | R3C4 | R3C5 |
|_ _ _ | _ _ _ _ _ _ | _ _ _|_ _ _ |
| R4C1 | R4C2 | R4C3 | R4C4 | R4C5 |
|_ _ _ | _ _ _ _ _ _ | _ _ _|_ _ _ |
| R5C1 | R5C2 | R5C3 | R5C4 | R5C5 |
|_ _ _ | _ _ _ _ _ _ | _ _ _|_ _ __|
sur le défilement du curseur, les données doivent être modifiées comme ci-dessous.
_ _ _ _ _ _ _ _ _ _ _ _ _ __ _ _ _
| R1C2 | R1C3 | R1C4 | R1C5 | R1C6 |
| _ _ _|_ _ _ | _ _ _|_ _ _ |_ _ _ |
| R2C2 | R2C3 | R2C4 | R2C5 | R2C6 |
| _ _ _|_ _ _ | _ _ _|_ _ _ |_ _ _ |
| R3C2 | R3C3 | R3C4 | R3C5 | R3C6 |
| _ _ _|_ _ _ | _ _ _|_ _ _ |_ _ _ |
| R4C2 | R4C3 | R4C4 | R4C5 | R4C6 |
| _ _ _|_ _ _ | _ _ _|_ _ _ |_ _ _ |
| R5C2 | R5C3 | R5C4 | R5C5 | R5C6 |
| _ _ _|_ _ _ | _ _ _|_ _ __|_ _ _ |
et le défilement prochaine, il va changer comme,
_ _ _ _ _ _ _ _ _ __ _ _ _ _ _ _ _
| R1C3 | R1C4 | R1C5 | R1C6 | R1C7 |
|_ _ _ | _ _ _|_ _ _ |_ _ _ | _ _ _|
| R2C3 | R2C4 | R2C5 | R2C6 | R2C7 |
|_ _ _ | _ _ _|_ _ _ |_ _ _ | _ _ _|
| R3C3 | R3C4 | R3C5 | R3C6 | R3C7 |
|_ _ _ | _ _ _|_ _ _ |_ _ _ | _ _ _|
| R4C3 | R4C4 | R4C5 | R4C6 | R4C7 |
|_ _ _ | _ _ _|_ _ _ |_ _ _ | _ _ _|
| R5C3 | R5C4 | R5C5 | R5C6 | R5C7 |
|_ _ _ | _ _ _|_ _ __|_ _ _ | _ _ _|
Pourriez-vous s'il vous plaît suggérer comment faire en utilisant jquery et curseur?
Un peu de nettoyage si vous aimez: https://jsfiddle.net/Twisty/3osy7fvh/10/ – Twisty
Exemple de curseur vs en utilisant Overflow: https://jsfiddle.net/Twisty/3osy7fvh/12/ – Twisty
Mec. Excellent. Je vais essayer d'affiner un peu similaire à jqGrid. Au lieu de cacher le td, les données de ce td doivent être remplacées. Si vous avez le temps, veuillez passer par le paramqtre jqGrid. Bien qu'il y ait plus de nombre de colonnes, pendant le glissement du curseur, il y a un retard dans le rendu des données. Il a été surmonté dans jqGrid. – Shakthi