Eu estou meio preso com um problema de CSS ao usar o Bootstrap. Eu também estou usando o Angular JS com o Angular UI.bootstrap (que pode ser parte do problema).

Eu estou fazendo um site que exibe dados em uma tabela. Às vezes, os dados contêm objetos que tenho que exibir nas tabelas. Por isso, quero colocar tabelas sem bordas dentro de uma tabela normal, mantendo linhas de separação internas para as tabelas sem borda.

Mas parece que mesmo se eu especificamente disser para não mostrar as fronteiras em uma tabela, é forçado:

HTML:

<table class='table borderless'>

CSS:

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

Então, aqui, o que eu quero é apenas as fronteiras internas.