Testing Buttons in Google Viz Tables

by beej

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/pepper-grinder/jquery-ui.css">
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<div id="viz"></div>

JavaScript

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


google.setOnLoadCallback(function() {
    'use strict';

    var data = new google.visualization.DataTable();

    data.addColumn('string', 'Button');
    data.addRows([
        ['']
        ]);

    var table = new google.visualization.Table(document.getElementById('viz'));
    var view = new google.visualization.DataView(data);

    var btnDiv = $('<div></div>');
    $(btnDiv).append(
        $('<button id="myButton">Click</button>').button({
            icons: {
                primary: 'ui-icon-gear'
            },
            text: false
        })
    );

    data.setValue(0, 0, $(btnDiv).html());

    table.draw(view, {
        allowHtml: true,
        showRowNumber: true
    });
});