une seule barre de défilement fonctionne

Question

J'ai une table qui a une hauteur et une largeur fixes. J'ai mentionné la hauteur comme 200px et la largeur comme 100% (dans un autre div de largeur 600Px) maintenant j'ajoute une nouvelle colonne à l'exécution donc la largeur doit être augmentée donc j'ai pensé mettre une barre de défilement. que je fais ce qui suit pour y parvenir

$('.showDateTime').show(); 
$('.showDateTime').css("width", "300px"); 
$('#TransactionErrorsTableData').css("overflow-x", "scroll"); 

Le problème est que la barre de défilement horizontale vient mais est désactivé. Où la barre de défilement verticale fonctionne correctement. J'ai défini le débordement comme auto pour mon div "TransactionErrorsTableData"

Une idée sur la façon d'activer la barre de défilement horizontale?

P.S. Je suis en quelque sorte coincé alors s'il vous plaît pardonnez si la question n'est pas claire, s'il vous plaît commenter si des détails sont nécessaires.

Answer 1

Je n'arrive pas à connaître votre problème en voyant que vous avez seulement posté un extrait, et je n'ai pas posté d'exemples, mais je vais essayer.

Si vous utilisez les règles CSS overflow-x: scroll ou overflow-y: scroll, il force la plupart des navigateurs pour que les barres de défilement apparaissent, c'est par la conception, de sorte que si le contenu agrandit, le contenu en dehors du conteneur ne sera pas obligé de se déplacer autour.

La barre de défilement est pas désactivé, il est tout simplement inactif en raison de son de ne pas avoir assez de contenu pour être réellement en mesure de faire défiler, je devine que c'est parce que vous avez défini la largeur de .showDateTime à un montant précis, qui est à l'intérieur de la div TransactionErrorsTableData

J'espère que cela aide!

REMARQUE:

Cette réponse tous les détails pris en raison de pas assez donné.

Answer 2

essayer, mais serait mieux un jsfiddler:

$('#TransactionErrorsTableData').css("overflow-x", "auto");