Bootstrap'te Borderless (Sınırları Olmayan) Table Oluşturmak

Bootstrap’te Borderless (Sınırları Olmayan) Table Oluşturmak

30 January 2018 15 sec read

Bootstrap bünyesinde table’ları şekillendirmek için birkaç seçici hazır olarak bulunmaktadır. Örneğin table-bordered, table-striped gibi. Fakat bazen table’da hiç sınır (border) bulunmasını istemeyiz. İşe böyle bir durumda aşağıdaki css kodundan faydalanabilirsiniz.

CSS Kodu

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

HTML Kullanımı