How to merge columns

Hi,

thanks for your question, and sorry for the trouble.

Merging cells in a column is possible with the “colspan” button below the table input fields.

For information on how to adjust column widths, please see the TablePress FAQ at https://tablepress.org/faq/column-widths/

Inserting images can be achieved with the “Insert Image” button below the table input fields.

Regards,
Tobias

Thank you for the rapid response.

Still having problems with merging the columns. I followed the following directions:

Table cells can span across more than one column or row.
Combining consecutive cells within the same row is called “colspanning”. Combining consecutive cells within the same column is called “rowspanning”.
To combine adjacent cells in a row, add the keyword #colspan# to the cell to the right of the one with the content for the combined cell by using the corresponding button. To combine adjacent cells in a column, add the keyword #rowspan# to the cell below the one with the content for the combined cell by using the corresponding button.
Repeat this to add the keyword to all cells that shall be connected.
Be aware that the functions of the DataTables JavaScript library will not work on tables which have combined cells.

This is the test page: https://holisticmanagement.org/development/another-test-page/.

Other Questions:
~how do I remove the light blue from the table?
~how do I change the colors of the lines between columns to be white?
~and finally, how do I manipulate the column width (aside from grabbing the bottom corner, when I do that the changed column doesn’t publish correctly).

Thank you for all of your help!

Hi,

those instructions are correct. Can you explain where exactly you are having problems? What’s not working.

The “light blue” is the table head row. Either turn that off on the “Edit” screen of the table, or change the color using some CSS, which you can find in the TablePress FAQ at https://tablepress.org/faq/ There, you can also find information on how to remove those border lines, as well as CSS code for changing column widths (the edit fields and their bottom corner do indeed not influence that).

Regards,
Tobias

Hi
How do I make the Heading Row longer than the rest of the table?
eg I have 4 columns and I want the header row to go across the whole lot?

Hi Helen,

for that, simply put the desired content for the header cell into the first column of the the header row, and then fill the remaining cells in the header row with the keyword #colspan# each.
The other cells of the table can then be filled with content as desired.

Regards,
Tobias

Hey Tobias,

Thanks for the feedback. Let me see if I can work through some of these issues and get back to you with more detail.

Thanks!

Hi,

sure! If you’re still having problems, I’m here to help!

Best wishes,
Tobias

hi
i have problem about alignment after rowspan that next row column element align to right. how to change alignment of that element.

Hi,

thanks for your post, and sorry for the trouble.

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias