Skip to main content

Respuestas populares con la etiqueta

13 votos
Aceptado

Centrar un elemento table CSS

Los elementos de tipo bloque (como el div), por defecto, van a obtener el 100% de la anchura disponible, por lo que en este caso tu div contenedor va a ocupar el 100% de la pantalla. Para centrar la ...
Avatar del usuario Francisco Romero
7 votos
Aceptado

CSS: estilo que afecte sólo a las columnas 3 a 6 (inclusive) de una tabla

Prueba con esto: :nth-child(n+3):nth-child(-n+6)
Avatar del usuario Francisco Garrido
5 votos
Aceptado

¿Cómo invertir una tabla de acuerdo a fecha?

puedes hacerlo asi: no es del todo eficiente pero creo que te servira nota: no suelo utilizar jquery pero si gustas puedes cambiarlo a este // selector de items var $ = (s) => document....
Avatar del usuario Bryro
  • 9,463
4 votos
Aceptado

Espacio entre filas tabla HTML

Probablemente en tu web se están sobrescribiendo las propiedades css de la tabla, ¿has examinado el css en el navegador para verlo? Puedes probar con important para hacer que el css no sea ...
Avatar del usuario Carmen
  • 7,297
4 votos
Aceptado

¿Es posible crear una tabla HTML utilizando la estructura de un JSON?

Con javascript podrías crearlo, te dejo a continuación la función que cree documentado en cada línea para que puedas entenderlo: // función para obtener las columnas en un objeto function getRows(...
Avatar del usuario Kleith
  • 3,834
4 votos
Aceptado

¿Cómo hacer que cuando un div haga salto de linea a un texto dentro de él no corte la palabra?

creo que el problema que tienes es por que el td en donde tienes el texto tiene un style, me refiero a este style='word-break: break-all; Esta propiedad es la que hace que te rompa las palabras y ...
Avatar del usuario Sebastián Miranda
4 votos

¿Qué diferencia existe entre <td> y <th>?

El td es usado para el cuerpo de tu tabla, mientras que el th son las que sirven para dar un resalto al titulo de cada columna de tu tabla (Generalmente se pone en negrita el texto por defecto).
Avatar del usuario GFlores98
  • 440
4 votos
Aceptado

Tabla dinamica con javascript

Utilizas textContent y no interpreta el código html. Para que lo muestre como tu quieres deberías usar innerHTML. Por otro lado, también veo que al añadir cada fila a la tabla, el tr y el td no ...
Avatar del usuario zeross
  • 1,434
4 votos

convertir csv a tabla javascript

Podemos separar el string de respuesta por líneas, usando split, lo cual nos daría (más concretamente split("\n")) [ "animales;numeros;nombres;", "leon;21,5;Paula;&...
Avatar del usuario Rodrigo
  • 6,247
3 votos
Aceptado

tabla html con javascript

Solo sería necesario añadir algunos atributos para que coincida con la imagen, por ejemplo el colspan=2 a su segundo y tercer th y el border a la tabla con setAttribute th2.setAttribute('colspan', '...
Avatar del usuario Dev. Joel
  • 23.9k
3 votos
Aceptado

Cómo generar una tabla con rowspan dinamicos.

Te tocaría hacer un recorrido por los datos, previo a mostrarlos en la tabla, de modo de averiguar cuántas filas se agrupan por Departamento: <?php // arreglo perteneciente al ...
Avatar del usuario quinqui
  • 812
3 votos
Aceptado

Eventos javascript

El evento click se genera en el elemento sobre el que se hace click con el ratón y se propaga hacia arriba generándose en todos los elementos superiores en el árbol del DOM. Para evitarlo captura el ...
Avatar del usuario Asier Villanueva
3 votos
Aceptado

Problema al modificar el style de un elemento HTML con JavaScript

Para resolver el problema que tienes, intenta mover tu <script> al final de <body>. Algo así: <head> ... </head> <body> ... <script>...</script> </...
Avatar del usuario Alex Garcia
3 votos
Aceptado

¿ Cómo puedo obtener el valor de un select y llevarlo hacia una celda de tabla html?

Tengo una solucion a tu codigo pero el problema es que estas usando el mismo name[] para diferentes etiquetas (input y select) las cuales hacen conflicto y se debe diferenciar cuando estas poblando la ...
Avatar del usuario Alexander Rodriguez
3 votos

Tabla HTML con parte fija y parte con Scroll

En lugar de usar tablas dentro de tablas, es mejor usar div, puedes manejar a los div como tablas con las clases de bootstrap col y row https://getbootstrap.com/docs/4.0/layout/grid/ Ademas de esto ...
Avatar del usuario Manuel Alberto Gomez Lozano
3 votos
Aceptado

Cambiar visualización de columnas de una tabla html

Probablemente lo que necesitas es la propiedad no-wrap de whitespace Podrías aplicarla así: .mitabla th, .mitabla td { white-space: nowrap; } <style> .mitabla td, .mitabla th { white-...
Avatar del usuario Julio
  • 3,383
3 votos

convertir csv a tabla javascript

Creo que has probado todas las posibilidades menos las que a mí me parece más obvia: crear un array de objetos, donde cada objeto es una línea: let datos_crudos = `animales;numeros;nombres; leon;...
Avatar del usuario Pablo Lozano
  • 49.9k
3 votos
Aceptado

Limitar el numero de caracteres mostrados en tabla html?

Con una función que después llamas donde la necesites; <?php if (!function_exists('getShortedString')) { function getShortedString($text, $length=null) { $formatedString = ucwords($...
Avatar del usuario oscar
  • 315
3 votos
Aceptado

Aplicar roswpan en una tabla usando un array de objetos

Agrego código con comentarios adentro. Lo primero sería llamar a la función formatearDatos para que tome el arreglo original en info y lo convierta a una estructura que facilite crear la tabla, el ...
Avatar del usuario Lobos
  • 16.4k
3 votos
Aceptado

¿Cómo obtener los valores de celdas en tabla HTML con JQuery?

Para obtener los elementos de todas las celdas puedes seleccionar todos los td y agregarlos en un arreglo y seleccionar su contenido con text(). let items = [] $('td').each( function(){ if( $(this)....
Avatar del usuario Jaime
  • 7,263
2 votos

crear reloj e insertarlo en una tabla

Creo que esto te puede servir: var h = 0; var m = 0; var s = 0; const hora = document.getElementById("hora"); const minutos = document.getElementById("minutos"); const segundos = document....
Avatar del usuario ben
  • 2,337
2 votos
Aceptado

¿Cómo crear/generar dinámicamente filas en una tabla (table/html) en PHP/Laravel con información de una consulta AJAX?

Valla que larga es tu pregunta... Pero bueno en esta comunidad estamos para ayudar, bueno pondré el código primero y luego paso a explicarte vale. Primero de el html <html> <head> &...
Avatar del usuario Shassain
  • 5,552
2 votos

Añadir ID a una fila de una tabla dinámicamente

Viendo lo que necesitas puedes simplemente no asignar ningún ID específico a cada fila. Suponiendo el siguiente código: Cuando quieras recorrer las filas utiliza: $('#tblOne > tbody > ...
Avatar del usuario Flowen
  • 2,157
2 votos
Aceptado

Crear tabla de forma vertical con PHP

Te propongo la siguiente solución. El código es escrito de una forma ordenada y limpia, sin tantos echo por todas partes. Ayuda para esos fines crear una variable a la cual vamos concatenando todo. ...
Avatar del usuario A. Cedano
  • 95.2k
2 votos
Aceptado

Ajustar css tabla html

He estado buscando información acerca de como lograrlo sin js, pero solo he visto un demo que realiza lo que necesitas y es aquí: https://escss.blogspot.com.co/2014/10/responsive-table-encabezado-fijo-...
Avatar del usuario Edgar Gutiérrez
2 votos

Ajustar Tabla HTML Automaticamente

En el código que has mandado, tienes clases sin definir en el css aquí: <table align="center" border="1" style="width:auto; height:20px;" class="table table-condensed table-bordered table-hover"&...
Avatar del usuario lromeraj
  • 1,981
2 votos

Ajustar Columnas de 2 tablas HTML

Al código que compartes le hace falta las etiquetas TD a la primera columna. <table width="100%"> <tr> <td width="50%"> <table width="100%" > ...
Avatar del usuario Armando Mariscal
2 votos

tabla html con javascript

En lo personal no soy muy fanatico de crear etiquetas con document.createElement, se me hace mas facil crear una cadena html para incluir cualquier etiqueta y modificarlo con la propiedad innerHTML. ...
Avatar del usuario Shassain
  • 5,552
2 votos

¿Cómo desplazarse en una tabla por medio del teclado?

He añadido un atributo tabindex a los td que tienen números. Después de seleccionar una celda puedes utilizar el tab de tu teclado para navegar entre tds. Espero que sea lo que preguntabas. let ...
Avatar del usuario enxaneta
  • 3,888
2 votos

Mostrar array en html PHP

te comparto link donde viene ejemplo que te puede ayudar mucho. Ejemplo Muestra Array PHP en HTML Dejo el codigo por si el enlace llega a tener incovenientes <?php $var['page'] = array('add', '...
Avatar del usuario Jiorchovic

Only top scored, non community-wiki answers of a minimum length are eligible