Bootstrap-Tabelle Detailansicht kein Plus-Symbol

In der Detailansicht der Bootstrap-Tabelle befindet sich in jeder Zeile ein Plus-Symbol. Ich verwende einige Stile, um das Plus-Symbol zu entfernen. Dann wirkt es auch auf andere Tabellen. In anderen Tabellen wird auch die erste Spalte der gesamten Tabelle ausgeblendet. Kann ich bitte eine Lösung dafür wissen?Bootstrap-Tabelle Detailansicht kein Plus-Symbol

.detail-view-table thead > tr > th.detail, 
.detail-view-table tbody > tr:not(.detail-view) > td:first-of-type { 
display: none; 
} 
.detail-view-table thead > tr > th:nth-child(2), 
.detail-view-table tbody > tr:not(.detail-view) > td:nth-child(2) { 
border-left: none!important; 
}

Quelle

2016-05-12 shashini piyaratne

Machen Sie eine Geige mit Ihnen vollständigen Code, HTML und CSS, um zu sehen, was passiert und wo ist das Plus-Symbol :) –

Ich denke, das ist, weil Sie diese 'Detail-View-Tabelle' für alle Ihre Tabelle hinzugefügt haben . Erstellen Sie einfach einen neuen Selektor 'Other-Detail-View-Table' und fügen Sie ihn nur für diese Tabelle hinzu. – vaso123

Nein, ich habe diese Klasse nicht zu jeder Tabelle hinzugefügt. aber es wirkt sich auch auf die anderen Tische aus. BTW was bedeutet andere-detail-view-tabelle das? –

Ich schlage vor, Sie parent child Selektor CSS zu verwenden, wobei benötigen Sie einen class für das übergeordnete Element der Tabelle zu erklären.

Zum Beispiel, wenn die Tabelle innerhalb der div ist, dann fügen Sie eine class namens .hide und nehmen Sie dies als ein Elternteil und wählen Sie dann Ihre Kind-Tabelle.

Beispiel

.hide .detail-view-table thead > tr > th.detail, 
.hide .detail-view-table tbody > tr:not(.detail-view) > td:first-of-type { 
display: none; 
}

Dadurch wird nicht andere Tabellen beeinflussen, aber, Tabelle, die Sie bekommen betroffen wollen.

Dies wird Ihnen geben, was Sie suchen. Hoffe, das hilft.

Quelle

2016-05-12 11:35:49 Nitesh

das funktioniert nicht. –

Die andere Tabelle ist eine Tabelle in einer Tabelle. Wie in der anderen Tabelle ist in der Detailansicht Bereich der gleichen Tabelle, wo ich das Plus-Symbol entfernen. –

@shashinipiyaratne - Wenden Sie einfach Klasse auf den Eltern an, zielen Sie auf ihr Kind, und Sie werden Ihre Plus-Symbole nur für diesen Teil entfernen, wie Sie möchten – Nitesh

Bootstrap-Tabelle Detailansicht kein Plus-Symbol

Antwort

Verwandte Themen