Comment rendre les colonnes de la table html redimensionnables?
J'ai un assez standard bootstrap style <table>
. Je veux faire des colonnes de ce tableau redimensionnable, par exemple, par un cliquer-glisser de droite de la bordure de <th>
élément. Je ne peux pas utiliser tous les plugins jQuery comme je suis en utilisant Angulaire et jQuery dépendance n'est pas acceptable.
Je pensais que si je pouvais attraper la souris/événement mousemove sur la bordure droite de <th>
élément, j'ai pu mettre en œuvre mes propres redimensionnement de la logique (moniteur horizontal, mouvement de la souris et d'ajuster la largeur en conséquence), mais je ne sais pas comment cela peut être fait (il n'y a pas une telle chose comme élément liés à la frontière de l'événement autant que je sache).
Quelle est la meilleure façon de faire des colonnes redimensionnable par l'utilisateur? Sans jQuery (et, de préférence, - Angulaire 2).
source d'informationauteur Titan | 2017-01-16
Vous devez vous connecter pour publier un commentaire.
Vous êtes probablement plus de compliquer les choses si vous souhaitez mettre en place vous-même.
ag-grd est une excellente grille de la bibliothèque Angulaire 2 qui traite de tous les tableau prévisionnel des actions (re-taille, re-commande etc...)
Vous pouvez utiliser la plaine version javascript ou de l'ag-grille Angulaire 2 Composant de la ag-grille-ng2
Ne le font pas. L'utilisation de bootstrap à la place. Laissez bootstrap décider de redimensionnement pour les utilisateurs finaux.
- Redimensionnement des colonnes ne fonctionnent pas bien sur les appareils.
- Vous pourriez finir par être forcé de se rappeler la largeur de la colonne dans le serveur ou le navigateur qui pourrait finir comme beaucoup de travail. Sera t-elle là? Devrait colonnes réorganisées? Devraient-ils être deleteable? - Il mieux de faire certains choix de conception plutôt qu'à la pelle tout remettre à l'utilisateur final.