Bir tablo içindeki önyükleme açılan alanı .table yanıt veren

Question

ile çalışır.

Canlı örnek için bağlantı İşte. Tabloyu sarmak için <div calss="table-responsive"></div> katmanını uyguladığımda, açılan görüntünün kesilmesini sağlar.

Sarmalayıcı <div class="table-responsive"></div>'u kaldırırsanız, açılır kapanır.

Problemin ne olduğunu merak ettim ve nasıl düzeltebilirim? Tabloya duyarlı bir sınıf ekledim çünkü çok sütunlu olduğum için sütunlar arasında kaydırma işlevine ihtiyacım var.

Herhangi bir yardım için teşekkür ederiz.

Answer 1

Hemen Görünüşe table-responsive sınıf sınıfının table bir çakışma yaratıyor table-responsive sınıfa overflow: visible

Answer 2

ekleyin. Sorunu çözmek için daha iyi yollar araştıracağım, ancak şu anda sorunu çözmek için 'u table'a uygulayabilirsiniz.

Answer 3

Açılır menü tr altındadır. Bu position:relative'u aşağıya, yani ul öğesine ayarlamanız gerekir. Bu CSS kuralını kod dosyanıza ekledim. Working Demo

table.table ul.dropdown-menu{ 
    position:relative; 
    float:none; 
    max-width:160px; 
} 

CSS kuralında bu ekleyin ve onun sabit bkz.

Not: demoda, gövde yüksekliği çok küçüktür, bu nedenle açılan menü gizli olarak görülebilir. Vücudunuza biraz yükseklik verin (demo için).

bu

body{ 
    height:500px; 
}