Bootstrap table. Comment supprimer toutes les bordures de la table?
Comment faire pour supprimer tous (surtout en extérieur), les frontières de bootstrap table? Voici un tableau sans bordures intérieures:
HTML
<style>
.table th, .table td {
border-top: none !important;
border-left: none !important;
}
</style>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<br/>
<table data-toggle="table" data-striped="true">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>
</tbody>
</table>
</div>
<div class="col-xs-1"></div>
</row>
http://jsfiddle.net/sba7wkvb/1/
Qui styles CSS doivent être redéfinies pour supprimer toutes les frontières?
source d'informationauteur ytterrr
Vous devez vous connecter pour publier un commentaire.
vous pouvez définir des classes d'option à la table table-pas-bordé, exemple: http://issues.wenzhixin.net.cn/bootstrap-table/#options/no-bordered.html.
Edit: cette fonction est uniquement prise en charge de développer la version(après v1.7.0): https://github.com/wenzhixin/bootstrap-table/tree/master/src.
Essayez ceci:
Démo JSFiddle
Changer le
border
taille dans le CSS pour le.fixed-table-container
CSS:
http://jsfiddle.net/sba7wkvb/3/
html
css
pour supprimer la bordure extérieure, vous devez supprimer la frontière de
.fixed-table-container
comme suit :En Utilisant Bootstrap
En html
En css
Source: https://codepen.io/netsi1964/pen/ogVQqG
Vous devez définir
border: none !important;
à.fixed-table-container
et.table
. Également définirborder-bottom: none !important;
à votre première règle,.table th, .table td
.Mise À Jour De Violon: http://jsfiddle.net/sba7wkvb/5/
C'est simple, Veuillez ajouter le code ci-dessous dans votre feuille CSS.Il va supprimer toutes les frontières dans le tableau
Espérons aidé.
Si vous êtes en utilisant CSS3 cela vous aidera à:
Si vous êtes en utilisant bootstrap cela vous aidera à: