Tengo un problema, que por más simple que pueda llegar a ser, no logro (creo yo) encontrar la forma correcta de formular la pregunta en Google o aquí en Stack, para encontrar la solución que necesito.
Tengo el siguiente código para una tabla:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>OPERAR CON PROVEEDORES</title><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12 table-responsive">
<table class="table table-hover table-condensed" border="0">
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">Nombre</th>
<th scope="col">CUIT</th>
<th scope="col">IVA</th>
<th scope="col">Dirección</th>
<th scope="col">Número</th>
<th scope="col">Piso</th>
<th scope="col">Puerta</th>
<th scope="col">Ciudad</th>
<th scope="col">Provincia</th>
<th scope="col">Código Postal</th>
<th scope="col">Pais</th>
<th scope="col">Teléfono</th>
<th scope="col">Mail</th>
<th scope="col">Edición</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</body>
</html>
El problema es que la información contenida en las celdas hace un salto cuando son dos o más palabras y hay un espacio entre ellas.
Por ejemplo, en <th>Código Postal</th>
, la palabra "Código" aparece arriba, y "Postal" aparece debajo, en la misma celda.
La idea es que aparezcan una al lado de la otra.
EDIT1: Por otro lado, la tabla me queda demasiado larga y excede el ancho de la pantalla. Quisiera que la tabla, genere una barra de desplazamiento horizontal y poder leer toda la tabla, y no exceda el ancho de la pantalla. Espero se entienda. Gracias!
responsive
siempre 'partirá' las palabras cuando consiga un espacio. Puedes reemplazar el espacio por un
. Tu elemento quedaría así:<th scope="col">Código Postal</th>
. Prueba y comentas. Saludos
? ¿wtf?. Aún me estoy riendo. XD<label>
que no quiero que tengan nada escrito, pero que necesito que me reconozcan que hay un espacio. Gracias por tu aporte!!