Grid lines for Matrix type questions | XM Community
Question

Grid lines for Matrix type questions

  • 2 April 2024
  • 1 reply
  • 14 views
M
Rank
Badge +1

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

 

1 reply

O
Rank
Userlevel 5
Badge +12

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