Google Chart Table Eliminar la selección

Question

Actualmente estoy trabajando con las tablas de gráficos de Google. Tengo un problema con las selecciones. Quiero desactivar las selecciones, pero parece ser imposible. Incluso probé (una manera realmente fea) como un detector de eventos en la parte seleccionada que usa el método clearChart() para eliminar esto.

Aquí está el código sourche de prueba. Tenga en cuenta que no puedo usar esto en jsFiddle

<script type="text/javascript" src="https://www.google.com/jsapi" ></script> 
<script type="text/javascript"> 
google.load("jquery", "1"); 

google.load('visualization', '1', {packages:['table']}); 

    function drawVisualization() 
    { 
      var data = google.visualization.arrayToDataTable([ 
      ['', 'Name', 'E-mail', 'Activated', 'Last login'], 
      ['<input type="checkbox">', 'name1', 'name1@company.xxx', true, '20-07-2012'], 
      ['<input type="checkbox">', 'name2', 'name2@company.xxx', true, '21-07-2012'] 

       ]); 

       var options = {}; 
       options['showRowNumber'] = false; 
       options['page'] = 'enable'; 
       options['allowHtml'] = true; 
       options['pageSize'] = 18; 
       options['pagingButtonsConfiguration'] = 'auto'; 

       var visualization = new google.visualization.Table(document.getElementById('table')); 
       visualization.draw(data, options); 
      } 

      google.setOnLoadCallback(drawVisualization); 

</script> 
<div id="table"></div> 

El problema es que si utilizo estas casillas de verificación de la selección (azul) anoying y confuso.

Gracias.

Answer 1

Otra opción es restablecer la selección cuando se dispara el evento "seleccionar":

google.visualization.events.addListener(visualization, 'select', selectHandler); 

function selectHandler() { 
    visualization.setSelection([]) 
} 

He aquí un ejemplo: http://jsfiddle.net/Rxnty/

Esto elimina inmediatamente la selección sin necesidad de volver a dibujar.

Answer 2

Una forma de lograr el efecto que desea es decirle a la API qué clase se debe aplicar cuando se seleccione la fila, lo que le permite seguir especificando el background-color de la fila.

JS:

options['cssClassNames'] = {} 
options['cssClassNames']['selectedTableRow'] = 'selected'; 

CSS:

.selected { background-color: white; } 

Se puede ver trabajando en jsfiddle.