I have a very specific problem. I'm using a fairly limited platform for a client that has a generated element of a table with up to 10 columns and unlimited rows. What I want to do is have maybe up to 25 columns and then put these columns all on a single row. Currently if I have 25 columns, it goes into 3 rows. The only limitation is that the platform only lets me use up to 10 columns wide, and doesn't let me manually change the amount of rows. And I can't edit the HTML because it's generated every page load.
Is there any way I can search within the ID of the table, find the /tr tr and delete it, or replace it with nothing?
Something like: getElementById("table.multi-cols") then find the /tr tr and replace with ""?
Apologies for my very limited understanding of javascript
If I got your question right,
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>than if you want it to nowrap, set table { white-space: nowrap; }