Grid lines for Matrix type questions | XM Community
Skip to main content

I’m trying to use custom CSS to add grid lines the matrix. I do know that modern layout has grid lines but I want to apply it to the flat layout.

I’m using this code
 

.Skin .Matrix table th {
    border-right: 1px solid black; 
}
.Skin .Matrix table td {
    border-bottom: 1px solid black;
}

However the grid lines are coming out like this

 

Hi @mugheeshay Can you try the below code.

.Skin .Matrix table td,
.Skin .Matrix table th {
    border: 1px solid black;
}

.Skin .Matrix table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid black;
}

.Skin .Matrix table tr:last-child td {
    border-bottom: 1px solid black;
}

.Skin .Matrix table tr td:last-child {
    border-right: 1px solid black;
}

 

Leave a Reply


Terms & Conditions