Header gridlines

Tags: #<Tag:0x00007efc6b497028> #<Tag:0x00007efc6b496c68>
#1

Hello! I need to hide gridlines in my row and col header, but border:none dont work’s for me. How can I do it?

Regrads
Nikita

#2

Hi @jeses47

Is this the desired result?

37

If so here you can test it https://jsfiddle.net/yrm4p02w/ with the new CSS settings

.handsontable TH {
  border-bottom: none !important;
  border-right: none !important;
}
#3

Yeah, it helped me. Thank you! But now I dont understand, how can I do border for all my table like this 1 .

#4

Well. It now depends on the structure that you would like to achieve. Cause in this case J is the last column but 13th is not the last row, so as you may target the J as the nth-child() within CSS settings to have border-right then that won’t work for the bottom part.

In your case do you want to add the bottom border like this, I assume

06

ps. there’s one issue with my last approach. When you have more rows they 1px border makes the row header shift. I suggest using this instead

.handsontable TH {
  border-bottom: 1px solid #eee !important;
  border-right: 1px solid #eee !important;
}

cause then even bottom rows are aligned https://jsfiddle.net/cz3x2jgd/

20

#5