làm thế nào để gán giá trị cho TR trong bảng dashboard google

Question

tôi đang sử dụng chức năng bảng Google Dashboard của, tôi muốn gán giá trị của id để tr của mỗi hàng đó được tạo ra, tôi có mảng như sau

var data = google.visualization.arrayToDataTable([ 
     ['Name', 'Donuts eaten','id'], 
     ['Michael' , 5,'1'], 
     ['Elisa', 7,'2'], 
     ['Robert', 3,'3'], 
     ['John', 2,'4'], 
     ['Jessica', 6,'5'], 
     ['Aaron', 1,'6'], 
     ['Margareth', 8,'7'] 
    ]); 

     var table = new google.visualization.ChartWrapper({ 
        'chartType': 'Table', 
        'containerId': 'chart2', 
        dataTable: data, 
        'options': { 
         'width': '500px' 
        } 
       }); 
       table.draw(); 

Tôi vẫn không thể tìm ra nếu có cách nào đó để ràng buộc các giá trị với các phần tử DOM mà mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Dưới đây là một giải pháp, sử dụng JQuery:

google.visualization.events.addListener(table, 'ready', function() { 
    $('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) { 
     var idx = $('td:nth-child(2)', this).html(); 
     $(this).attr('id', 'row' + idx); 
    }); 
    }); 

Và để loại bỏ các cột ID:

google.visualization.events.addListener(table, 'ready', function() { 
    $('.google-visualization-table-tr-head td:nth-child(3)').remove(); 
    $('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) { 
     var td = $('td:nth-child(2)', this) 
     var idx = td.html(); 
     td.remove(); 
     $(this).attr('id', 'row' + idx); 
    }); 
    }); 

với sắp xếp đưa vào tài khoản:

function tableCleanUp() { 
    google.visualization.events.addListener(table.getChart(), 'sort', tableCleanUp2); 
    tableCleanUp2(); 
} 

function tableCleanUp2() { 
    $('.google-visualization-table-tr-head td:nth-child(3)').remove(); 
    $('#chart2 .google-visualization-table-tr-odd, #chart2 .google-visualization-table-tr-even').each(function (e) { 
     var td = $('td:nth-child(2)', this) 
     var idx = td.html(); 
     td.remove(); 
     $(this).attr('id', 'row' + idx); 
    }); 
} 

google.visualization.events.addListener(table, 'ready', tableCleanUp); 

Answer 2

Ở dạng đơn giản nhất, bạn có thể thực hiện như sau: tr.id = containerId;

Answer 3

Không có hỗ trợ trong hiển thị Bảng để gán ID cho số tr. Bạn phải phân tích cú pháp HTML được tạo theo cách thủ công để đặt chúng một cách thích hợp.