How to merge two cells in Table Layout

Question

I have two rows and two columns. I want last column of both cells merge into one. Due to requirement I do not use other design options means two tablelayouts in which first table layout has two rows.I am use Winforms in C#.

|                       |                    |
|                       |                    |
|                       |                    |
|_______________________|                    |
|                       |                    |
|                       |                    |
|                       |                    |

You used c# tags. Have to do with c#? I couldnt understand. Where do you want to do this? — Sinan AKYAZICI, Feb 22 '12 at 07:30

score 55 · Answer 1 · answered Mar 31 '16 at 10:10

55

Put any control into a cell in form designer
Select the control and view its properties
Find "ColumnSpan" property in "Layout" section
Input desired column span for this value

See picture for illustration:

answered Mar 31 '16 at 10:10

Boris Zinchenko

2,142
1
24
34

1

For this question should change RowSpan property of control. – Shaho Sep 17 '18 at 13:35
@Shaho, thank you. Correct. I captured screen for merging cells in horizontal direction, which was my case when i was searching for a hint and came to this question. I hope it is helpful illustration for either span direction. – Boris Zinchenko Sep 18 '18 at 14:12

score 9 · Answer 2 · answered Mar 19 '14 at 23:36

Here's how to do it in code

//create a label control, add it to the tableLayoutPanel, and merge it into 3 cells.
Label lbl = new Label();
lbl.Location = new Point(0, 0);
lbl.Text = "This is a test label";
MyTableLayoutPanel.Controls.Add(lbl, 0,0);  //start it in cell 0,0
MyTableLayoutPanel.SetColumnSpan(lbl, 3);  //merge 3 columns

score 6 · Accepted Answer · answered Feb 22 '12 at 07:48

6

http://msdn.microsoft.com/en-us/library/system.windows.forms.tablelayoutpanel.aspx

For example You can set RowSpan poperty in TableLayoutPanel control.

answered Feb 22 '12 at 07:48

Kamilos

795
2
10
25

score 1 · Answer 4 · answered May 02 '14 at 14:43

Instead of setting the ColumnSpan/RowSpan property, you can add a TableLayoutPanel within the cell of another TableLayoutPanel. Instead of merging two cells, you are then splitting two cells. In the example you provide in your question, you would be splitting the left column into two rows, instead of merging the right column into one row.

This method is only advantageous if you plan to set the CellBorderStyle property to something other than "None". I found this answer here, where CSharpFreak also suggests another method, which I didn't try.

mackjazzy · Answer 5 · 2013-12-10T20:21:48.497

0

Set the RowSpan property of the control in the cell that will start the merge in the table. i.e. RowSpan of 3 will have the control fill its cell and the 2 cells below.

ColumnSpan to merge to right.

In code, call the SetRowSpan and/or SetColumnSpan method.

edited Dec 10 '13 at 20:21

answered Dec 10 '13 at 20:10

mackjazzy

48
1
8

score 0 · Answer 6 · answered Sep 25 '14 at 07:54

You can set such "merging" property to the Control:

Let's say the Control is a Label and you want to merge rows, then you can do it as following:

TableLayoutPanel table = new TableLayoutPanel();

Label lbl = new Label();
lbl.Text = "test";
lbl.Dock = DockStyle.Fill;

table.Controls.Add(lbl, 0, 0); //initial position
table.SetRowSpan(lbl,2);

score 0 · Answer 7 · answered Feb 24 '15 at 22:28

The following code should allow you to span a control across desired number of rows/columns

TableLayoutPanel tableLayoutPanel1 = new TableLayoutPanel(); // not required if you already have the control added else where or in designer. 
TextBox textBox1 = new TextBox(); // not required if you already have the control added else where or in designer. 
tableLayoutPanel1.Controls.Add(textBox1);// not required if you already have the control added else where or in designer. 
tableLayoutPanel1.SetColumnSpan(textBox1, 2);
tableLayoutPanel1.SetRowSpan(textBox1, 2);

How to merge two cells in Table Layout

7 Answers7