Tengo un problema muy especifico. Estoy usando una plataforma bastante limitada para un cliente que tiene un elemento generado de una tabla con hasta 10 columnas y filas ilimitadas. Lo que quiero hacer es tener quizás hasta 25 columnas y luego poner todas estas columnas en una sola fila. Actualmente, si tengo 25 columnas, se divide en 3 filas. La única limitación es que la plataforma solo me permite usar hasta 10 columnas de ancho y no me permite cambiar manualmente la cantidad de filas. Y no puedo editar el HTML porque se genera cada carga de página.
¿Hay alguna forma en que pueda buscar dentro de la ID de la tabla, encontrar /tr tr y eliminarlo, o reemplazarlo con nada?
Algo así como: getElementById("table.multi-cols") luego busque /tr tr y reemplácelo con ""?
Disculpas por mi comprensión muy limitada de javascript
Si entendí bien tu pregunta,
tr { display: inline-flex; /* or display: inline-block; */ } <table> <tr><td>Row 1 cell 1</td> <td>Row 1 cell 2</td></tr> <tr><td>Row 2 cell 1</td> <td>Row 2 cell 2</td></tr> <tr><td>Row 3 cell 1</td> <td>Row 3 cell 2</td></tr> </table> que si desea que se reproduzca ahora, configure la table { white-space: nowrap; }