Estoy un poco atascado con un problema de CSS mientras uso Bootstrap. También estoy usando Angular JS con Angular UI.bootstrap (que podría ser parte del problema).

Estoy haciendo un sitio web que muestra datos en una tabla. En algún momento, los datos contienen objetos que tengo que mostrar en tablas. Así que quiero colocar tablas sin bordes dentro de una tabla normal mientras mantengo líneas de separación internas para las tablas sin bordes.

Pero parece que incluso si específicamente digo que no se muestren los bordes en una tabla, es forzado:

HTML:

<table class='table borderless'>

CSS:

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

Así que aquí, lo que quiero es sólo las fronteras interiores.