title: Styling Google Charts Table
body: <p>I am trying to add CSS style to a Google Charts Table. I tried this:</p>
  
  <p><a href="https://developers.google.com/chart/interactive/docs/gallery/table#customproperties">https://developers.google.com/chart/interactive/docs/gallery/table#customproperties</a></p>
  
  <p>on the first cell (Mike) but it didn't work. I set allowHtml to true in the options variable. How can I change the background, text color, etc. of the individual cells?  Thank you.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          google.load('visualization', '1', {packages:['table']});
          google.setOnLoadCallback(drawTable);
          function drawTable() {
              var data = new google.visualization.DataTable();
              data.addColumn('string', 'Employee Name');
              data.addColumn('date', 'Start Date');
              data.addRows(3);
              data.setCell(0, 0, 'Mike', {style: 'background-color:red;'});
              data.setCell(0, 1, new Date(2008, 1, 28));
              data.setCell(1, 0, 'Bob');
              data.setCell(1, 1, new Date(2007, 5, 1));
              data.setCell(2, 0, 'Alice');
              data.setCell(2, 1, new Date(2006, 7, 16));
  
              var options = {
                  allowHtml: true
              };
  
              // Create a formatter.
              // This example uses object literal notation to define the options.
              var formatter = new google.visualization.DateFormat({formatType: 'long'});
  
              // Reformat our data.
              formatter.format(data, 1);
  
              // Draw our data
              var table = new google.visualization.Table(document.getElementById('dateformat_div'));
              table.draw(data, options);
          }
      &lt;/script&gt;
  </code></pre>