Ich habe ein CSS-Problem, während ich Bootstrap verwende. Ich verwende auch Angular JS mit Angular UI.bootstrap (was möglicherweise Teil des Problems ist).

Ich erstelle eine Website, auf der Daten in einer Tabelle angezeigt werden. Manchmal enthalten die Daten Objekte, die ich in Tabellen anzeigen muss. Deshalb möchte ich randlose Tabellen in eine normale Tabelle einfügen und dabei die Trennlinien für die randlosen Tabellen einhalten.

Aber es scheint, dass selbst wenn ich ausdrücklich sage, die Ränder auf einem Tisch nicht zu zeigen, es gezwungen ist:

HTML:

<table class='table borderless'>

CSS:

.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

Also hier möchte ich nur die inneren Grenzen.