2016-06-06 30 views
5

Yardıma ihtiyacım var, jQuery Datatables'deki yatay çizgiyi kaldırmaya çalışıyorum.Jquery datatables yatay çizgiyi kaldır

Lütfen aşağıdaki ekran görüntüsüne bakın: enter image description here Ben google chrome element inspector'ı kullanarak hattı bulmaya çalışıyorum ama şans yok.

cevap

1

o css içinde:

table.dataTable.display tbody td

Bu sınır üst: her hücre için

border-top: 1px solid #ddd; 

.

css:

veya sadece başlık için

<thead> 
<th> 
    <td> 
Td property: 
border-bottom: 1px solid #111; 

Eğer css denetiminde mülk işareti kaldırabilirsiniz bunu test etmek için.

benim için gördüğünüz gibi, çalışır: enter image description here

+0

Teşekkürler! Sınır çizgisini bu css table.dataTable thead tabloyu kullanarak kaldırdım.detaTable thd { border-bottom: none! Important; } şimdi sadece sol alt yatay çizgi. –

4

olanlar ayrı hatlar <thead> ve <tfoot> yılında <th> elemanları tarafından oluşturulur. Bunları kaldırmak için

kullanın. Demo -> CSS'yi tekrar yorumlamayı deneyin ve tekrar çalıştırın.

+0

Veritabanımın altbilgisi yok (ayağı) CSS'nizi denedim ancak alt kısımdaki yatay çizgi hala görülebilir durumda. –

+0

Tam olarak ne dataTables kurulumunuzun olduğunu göstermeniz gerekir - düzinelerce yol vardır, tahmin edilmesi zordur. Yukarıdaki standart kurulumda, belki bootstrap eklentisini kullanıyor gibi görünüyorsunuz? – davidkonrad

-1

Veri tablonuzda altbilgi yoksa (yapılandırma seçenekleriniz nedeniyle) @ davidkonrad'ın çözümü işe yaramaz. Ancak, bir altbilgi eklerseniz ve yine de CSS :)

2

'u kullanarak gizlerseniz bu çözümü kullanabilirsiniz. Tablonun ucundaki karanlık çizgi tbody'de oluşturulmayacak şekilde ayak tabanını kullanmıyorum. Bu CSS kodunu ekleyerek kaldırdım:

table.dataTable { 
    border-collapse: collapse; 
}