правопреемника CSS Border в Google строку таблицы

Question

Я использую google visualization table сделать таблицу, и я стараюсь, чтобы каждая строка имеет границу и реализовать это следующим образом:

https://jsfiddle.net/5u7ay1jj/4/

Однако border CSS, кажется, не Работа. Как я могу заставить его работать? А также, по умолчанию google table css будет выделять четную строку, а не нечетную строку, как это происходит?

Answer 1

Табличные ряды не имеют границ. Вместо этого назначьте границы ячейкам таблицы в строках.

.rowodd .google-visualization-table-td { 
    background-color: Linen; 
    border: 4px solid #000000; 
} 

.rownormal .google-visualization-table-td { 
    background-color: #EAF2D3; 
    border: 4px solid #000000; 
} 

https://jsfiddle.net/MrLister/5u7ay1jj/5/

Edit:
На пересматривают, я подозреваю, что вы имели в виду что-то вроде этого, чтобы добавить границы вокруг строк только не между ячейками в рядах.

.rowodd .google-visualization-table-td { 
    background-color: Linen; 
    border: 4px solid #000000; 
    border-width: 4px 0 0 0; 
} 

.rownormal .google-visualization-table-td { 
    background-color: #EAF2D3; 
    border: 4px solid #000000; 
    border-width: 4px 0 0 0; 
} 
tr:last-child .google-visualization-table-td { 
    border-bottom-width:4px; 
} 
.google-visualization-table-td:first-child { 
    border-left-width:4px; 
} 
.google-visualization-table-td:last-child { 
    border-right-width:4px; 
} 

https://jsfiddle.net/MrLister/5u7ay1jj/6/