Google Table Chart Styling

Question

Кажется, что стиль в таблице графиков Google не работает очень хорошо. Даже на их собственных примерах на веб-странице https://developers.google.com/chart/interactive/docs/examples () Пример нестандартной таблицы)? Как золотая граница? Я не вижу никого?

Я хочу создать собственную таблицу графиков Google и удалить границу вокруг ячеек? Любой, кто может получить это, я был бы так счастлив. Мой код выглядит так.

CSS:

.remove-cell-border{ 
     border: none; 
    } 

chartService.js

var drawTableChart = function (data, type) { 

    var cssClassNames = { 
     'headerRow': "header-grey-font", 
     'tableRow': "remove-cell-border", 
     'headerCell': "remove-cell-border", 
     'tableCell': "remove-cell-border", 
    }; 

    var chartObject = { 
     "type": type, 
     "display": false, 
     "data": data, 
     "options": { 
      "allowHtml": true, 
      "isStacked": "true", 
      "fill": 20, 
      "displayExactValues": false, 
      "cssClassNames": cssClassNames 
      }, 
     "formatters": {} 
    }; 
    return chartObject; 
}; 

return { 
    drawTableChart: drawTableChart 
}; 

Answer 1

Дело в том, что какой-либо другой CSS был перекрывая мой стиль границы. Итак, теперь он работает, когда я изменил свой CSS на !important.

.remove-cell-border{ 
    border: none !important; 
}