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 ...
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)
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....
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 ...
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(...
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 ...
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).
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 ...
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;&...
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', '...
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 ...
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 ...
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>
</...
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 ...
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 ...
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-...
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;...
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($...
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 ...
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)....
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....
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>
&...
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 > ...
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.
...
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-...
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"&...
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%" >
...
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.
...
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 ...
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', '...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
html-tabla × 151html × 85
javascript × 58
php × 29
css × 29
html5 × 29
jquery × 24
array × 11
mysql × 9
dom × 7
json × 6
bootstrap × 5
tabla-dinámica × 5
css3 × 4
bucle-for × 4
table × 4
java × 3
laravel × 3
sql-server × 3
ajax × 3
angular × 3
typescript × 3
datatables × 3
select × 3
tablas × 3