css - poner - Eliminar líneas de fila en twitter bootstrap

navbar bootstrap brand

Question

Estoy usando Twitter bootstrap para alguna aplicación web que estoy obligado a hacer (no soy un desarrollador web) y no puedo encontrar una manera de desactivar las filas de las tablas.

Como puede ver en la documentación de Bootstrap , el estilo de tabla predeterminado contiene filas de línea.

Saludos,

Answer 1

A la inversa, si tienes problemas para AGREGAR las líneas a tu panel, no olvides agregarlo a tu TABLA. De forma predeterminada ( http://getbootstrap.com/components/#panels ), se supone que debe agregar la línea, pero me ayudó a agregar la etiqueta para que ahora se muestren las líneas de la fila.

El siguiente ejemplo "probablemente" no mostrará las líneas entre las filas:

<div class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">Panel heading</div>
    <!-- Table -->
    <table class="table">
        <tr><td> Hi 1! </td></tr>
        <tr><td> Hi 2! </td></tr>
    </table>
</div>

El siguiente ejemplo mostrará las líneas entre las filas:

<div class="panel panel-default">
    <!-- Default panel contents -->
    <div class="panel-heading">Panel heading</div>
    <!-- Table -->
    <table class="table">
        <thead></thead>
        <tr><td> Hi 1! </td></tr>
        <tr><td> Hi 2! </td></tr>
    </table>
</div>

Answer 2

Agregue esto a su CSS principal:

table td {
    border-top: none !important;
}

Use esto para versiones más nuevas de bootstrap:

.table th, .table td { 
     border-top: none !important; 
 }

Answer 3

En Bootstrap 3 agregué una clase table-no-border

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

Answer 4

Esto es lo que funcionó para mí ...

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td,
.table-no-border>tbody,
.table-no-border>thead,
.table-no-border>tfoot{
  border-top: none !important; 
  border-bottom: none !important; 
}

Tuvo que sacar el! Importante para que se quede.

Answer 5

Tengo la misma pregunta de un amigo. Mi sugerencia que no requiere !Important ve así: agrego una clase personalizada " no-border " que se puede agregar a la tabla de arranque.

.table.no-border tr td, .table.no-border tr th {
  border-width: 0;
}

Puedes ver mi ir a una solución aquí

Answer 6

bootstrap.min.css es más específico que tu propia hoja de estilo si solo usas .table td. Entonces, usa esto en su lugar:

.table>tbody>tr>th, .table>tbody>tr>td {
    border-top: none;
}