Je travaille sur une table HTML à l'intérieur duquel certains de mes cellules code> sont de type ici à cause du champ de saisie ne se régalait pas complètement à l'intérieur de la cellule de la table code strong> p> p> de type code>, donc mon problème est que le champ de saisie ne prend pas toute la largeur et la hauteur. de la cellule qui cause un problème pour moi car ma table a de nombreuses lignes et je dois montrer des données maximales sur une seule page. TD code> Je dois donner une certaine hauteur de mon côté pour augmenter la taille du champ de saisie que je ne veux pas p>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css">
<div class="container ">
<div class="row">
<table class="table table-bordered">
<thead>
<tr>
<th>Name</th>
<th>DOB</th>
<th>AGE</th>
<th>Occupation</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text"></td>
<td><input type="text"></td>
<td>22</td>
<td>govt. employ</td>
<td><input type="text"></td>
</tr>
</tbody>
</table>
</div>
</div>
3 Réponses :
please replace container class to container-fluid
De par là, la table obtiendra la pleine largeur, je veux donner une largeur et une hauteur complète à mes champs d'entrée à l'intérieur du td
Définir le rembourrage TD sur 0,
table.table-bordered>tbody>tr>td {
border: 1px solid rgba(29, 150, 178, 1);
white-space: nowrap;
font-family: Verdana;
font-size: 8pt;
background-color: rgba(84, 83, 72, .1);
color: black;
padding: 0;
}
Vous pouvez définir le remplissage sur 0