ColumnLayout adding borders

Yunus

I have a ColumnLayout and some elements inside:

ColumnLatyout{
 ....
}

I want to add some borders around this layout just like in rectangle's border. How to achieve this with a good trick ?

Yunus

In my case, adding a rectangle parent to this ColumnLayout is not an option. So I have found a solution like this and solved my problem.

By the way, all I need was that adding a border around a ColumnLayout.

ColumnLayout {
            spacing: 0
            
            //top line border            
            Rectangle{
                Layout.fillWidth: true
                height: 1
                color: "black"
            }
            
            //create row layout for each element inside column layout
            RowLayout{
                Rectangle{
                    Layout.fillHeight: true
                    width: 1
                    color: "black"
                }
                
                // YOUR ELEMENTS HERE
                
                Rectangle{
                    Layout.fillHeight: true
                    width: 1
                    color: "black"
                }
            }
            .
            .
            .
            
            //bottom line border
            Rectangle{
                Layout.fillWidth: true
                height: 1
                color: "black"
            }        
    }