[ad_1]
https://i.ytimg.com/vi/cIa7mYadCTo/hqdefault.jpg
En este capitulo aprenderemos las clases que podemos utilizar para las tablas y como adaptarlas a dispositivos moviles con Bootstrap.
✔️ NUEVO 🎥 CURSO DE BOOTSTRAP 4 (Cupón EXCLUSIVO 90% Descuento):
https://goo.gl/xDqcDW
—
✔️ Curso de PHP y MYSQL: Completo, Práctico y desde Cero
http://www.tutorialdephp.com
✔️ Curso de Diseño Web: El Curso Completo Practico y desde Cero.
https://goo.gl/xG7JT5
♦ Blog de diseño web:
http://www.falconmasters.com
—
♦ Sitio web de Bootstrap:
https://getbootstrap.com/docs/3.3/
—
Redes Sociales:
♦ Twitter @falconmasters:
Tweets by FalconMasters
♦ Pagina de Facebook:
http://www.falconmasters.com
Original source
24 responses to “Curso completo de Bootstrap 4.- Tablas”
✔️ NUEVO Curso de Bootstrap 4:
https://www.youtube.com/watch?v=xzZBp0hPX0Y
Que usas para escribir tan rapido y que se encierre en <> automaticamente, depaso para mover textos completos y escribir en varias lineas al mismo tiempo xd i need it
Amigo como vas, excelentes Tuto, amigo sabes como se coloca el logo en el nombre de una pestaña? se como se coloca el nombre, pero como se hace para el loguito?? mil gracs
amigo disculpa soy nuevo en el bustrap entiendo css y html al 60% yo digo que con eso es suficiente para crear tablas pero amigo disculpa no entiendo nada la tabla se crea pero no lo demás haber si te entiendo veo un enlace ese es el diseño boostrap o como explica eso no es la idea principal el enlace no hay un vídeo que entienda solo pongo ese enlace y ya o donde se guarda eso al crear una tabla ese enlace es mágico y ya sabe que quiero estilo para tablas o como por favor tómense el tiempo de explicar bien las cosas ppara mi eso es una tabla simple en html el vídeo dice bootstrap explica eso el enlace o como que de diferente es el bootstrap.
Hola!!! muy buen video. Hay forma de crear una lista desplegable en la cabecera y así poder filtrar un contenido que se repite?
Qué tal estimado en esa tabla como harías que la cabecera queda fija y el cuerpo tenga un scrool?
Amigo buenos días, una pregunta, al manejar tablas, quería saber cómo hace uno para que por ejemplo una fila tenga una columna y la fila de abajo dos columnas y así. Te envío una imagen de ejemplo en este link de lo que quiero replicar en html con base en una factura de ejemplo: https://imgur.com/a/ElC0mVe
Esta es la imagen de lo que llevo montado en html pero me sale con un espacio en blanco:
https://imgur.com/a/cD1MReC
Básicamente es que la fila de arriba quede igual de ancha sin que se vea ese espacio. Cómo hago o con qué clase¿?
Saludos,
han eliminado table-condensed? no sale en mis libros y tampoco me actualiza en el chrome
y el audio? 🙁
Tengo una duda, estoy intentando usar responsive y encabezado fijo, pero al reducir el navegador no hace efecto el responsive y el contenido de la tabla se distorsiona, necesito ayuda.
muy bueno tu curso
muchas gracias, esta super el video.
excelente hermano
Quisiera que dos tablas se me colocaran una al lado de la otra con Bootstrap y que quede bien. Lo he intentado con el material de este vídeo y con la parte 2 pero no termina de quedar bien, ¿algún consejo?
Hola!!!!
Pero si tenemos el la etiqueta meta viewport es necesario la clase table-responsive?
claro y rápido
gracias ya logre entender mejor….saludos
Muy bueno este curso de Bootstrap, muy bien expuestos los temas. Gracias FalconMasters.
Tengo una duda y es que quiero hacerme una plantilla gráfica en PhotoShop para ir haciendo el diseño aproximado antes de ponerme a maquetar en html5 y usando Bootstrap, pero por ejemplo si quiero hacer el diseño para un dispositivo grande, y basándome en la tabla "Grid Options" que aparece en la documentación, mi plantilla gráfica debe tener el ancho de 1200px o el ancho que indican para el contenedor (1170px)? Y la misma duda la tendría para el tamaño medio y el pequeño.
Yo de momento me he creado un documento en Photoshop con un ancho de 1170px y he dispuesto líneas guías verticales a una distancia de 1170/12=97,5px entre ellas. ¿Es correcto hacerlo así?
Para los que no les funciona el active, en Bootstrap 4 es "table-active".
Oye, que version de bootstrap usas en este tutorial? ALgunas clases no dan efecto en Bootstrap 4
Una consulta en bootstrap pagina pero números seguidos sin ese cuadro pequeño solo números cual seria la solución
En la paginación tengo algo asi para acumular la lista ARRAY de paginas
$lista = $lista.'<li><a href="javascript:pagination('.$i.');">'.$i.'</a></li>';
$array = array(0 => $tabla,
1 => $lista);
echo json_encode($array);
En jquery recibo
success:function(data){
var array = eval(data);
$('#agrega-registros').html(array[0]);
$('#pag').html(array[1]);
}
El php tengo lo siguiente para recibir la paginación
<na><ul class="pagination" id="pag" ></ul> </nav>
Pero pagina asi como escribo 1234siguiente sin bordes ni color cual seria el problema por favor gracias
algo muy curioso , estoy viendo el "Vídeo" desde mi pc pero no puedo ver los efectos q haces al cargar la pagina , solo se me muestra la misma tabla que la del minuto 1:20, pero el vídeo corre bien, pero no se ven los cambios, incluso se ve el mouse en movimiento, buena la cosa es que no puedo ver los efectos desde mi pc, pero reproduci el vídeo desde mi labtop y pues o sorpresa si puedo ver los cambios en todo el vídeo
Me parecen muy bien tus videos, quiero esa tablar ordenarlos alfabeticamente como se podria ser porque he visto que les ponen flechas de ordenamiento gracias
Las tablas son un manejo importante cuando estas trabajando con programacion web, anque existen soluciones como grids, entre otros, pero ese manejo de tabla a impulsado mi software como no tienes una idea, mi mas profundo agradecimiento. excelente video.