Je configurais une table HTML qui a une en-tête ici la table Ici, l'écran a fait ce que j'ai fait
https://prnt.sc/oz2p1f Ce que je veux, c'est le tout < Code> La balise sera corrigée avec les deux défilement, j'ai essayé de nombreuses façons mais je n'ai eu aucun exemple parfait qui m'a été aidé. Voici quelqu'un peut m'aider? Pour cela, merci d'avance
3 Réponses : ajoutez ce Ajouter cette CSS: P>
corrigé oui, pas collant
et vous devez savoir où la table va être affichée
Bonjour @maxvoisard, j'ai essayé cela, mais sa solution désormais appropriée pour moi. Pouvez-vous essayer plus de plus profond. Je veux des deux parcheminements avec une en-tête correcte, voir ceci: ( prnt.sc/oz36mq )
@Pankajchaauhan Si vous voulez dire que vous voulez que l'en-tête soit la même largeur que le reste de la table lors de la redimensionnement du navigateur horizontalement, voir mon édition. Est-ce ce que tu veux dire?
@Maxvoisard, je veux faire défiler l'intérieur de la table ou redimensionner le navigateur horizontalement, mais cela ne fonctionne toujours pas comme je m'attends. Je veux que mon en-tête ait la même taille avec le corps de la table, bcz sa dynamique alors c'est y
@Pankajchaauhan S'il vous plaît voir ma réponse modifiée et jsfiddle. J'espère que c'est ce que vous recherchez.
Ça à l'air bon. Il suffit d'ajouter un chèque pour l'axe X et une règle pour répondre à la nécessité de OP et ce sera la bonne réponse imo Vous aurez besoin d'un plugin pour le faire. i personnaly utilise flathere à faire que il est simple à utiliser Tout d'abord, vous incluez le module flotteur et jQuery alors vous allez comme ça
Pouvez-vous me fournir l'exemple de travail actuel de cela avec un code approprié afin que je puisse comprendre
Je ne ferai pas d'exemple entièrement viable car vous devez télécharger le fichier JS (le lien se trouve au bas de la page que je vous donne) mais j'ai édité ma réponse Le code ci-dessous ou vous pouvez voir ici: https://github.com/fandiar / avance-table-html avec 2 qui comprend des rangées et colspan et je veux fixer que < THEAD> partie dans ma table HTML
0 commentaires
3
votes
code> autour de votre table: var $th = $('.tableFixHead').find('thead th')
$('.tableFixHead').on('scroll', function() {
$th.css('transform', 'translateY('+ this.scrollTop +'px)');
});
7 commentaires
1
votes
2 commentaires
0
votes
0 commentaires