引導式的設計，以表

這裏我有一個DataTable http://jsbin.com/aMAQUWe/1/edit 引導式的設計，以表

CODE：

<html> 
    <head> 
    <script type='text/javascript' src='https://www.google.com/jsapi'></script> 
    <script type='text/javascript'> 
     google.load('visualization', '1', {packages:['table']}); 
     google.setOnLoadCallback(drawTable); 
     function drawTable() { 
     var data = new google.visualization.DataTable(); 
     data.addColumn('string', 'Name'); 
     data.addColumn('number', 'Salary'); 
     data.addColumn('boolean', 'Full Time Employee'); 
     data.addRows([ 
      ['Mike', {v: 10000, f: '$10,000'}, true], 
      ['Jim', {v:8000, f: '$8,000'}, false], 
      ['Alice', {v: 12500, f: '$12,500'}, true], 
      ['Bob', {v: 7000, f: '$7,000'}, true] 
     ]); 

     var table = new google.visualization.Table(document.getElementById('table_div')); 
     table.draw(data, {showRowNumber: true}); 
     } 
    </script> 
    </head> 

    <body> 
    <div id='table_div'></div> 
    </body> 
</html>

有什麼辦法來Twitter的引導設計添加到這個表？

來源

2014-01-26 MikiMrki

您是否檢查過Bootstrap中的Tables文檔？這將告訴你如何設置表格效果。

我想你需要動態地插入CSS規則與你如何構建表，例如，使用<table>而不是<div>。

來源

2014-01-26 18:13:55

yes but look here：http://jsbin.com/EXeGebE/1/edit nothing happend becouse首先加載谷歌css而不是twitter引導程序的CSS ... – MikiMrki

它看起來像'jsapi'腳本重寫所有內容。 '.google-visualization-table-table'類正被用於覆蓋Bootstrap類。如果你檢查DOM，你會發現當你將'class =「table」'添加到'

'時，Bootstrap類將被覆蓋，因爲Google Charts類會被添加到表中。你可以重寫嗎？ –

試試這個解決方案：http://stackoverflow.com/questions/14205446/how-to-prevent-loading-google-charts-table-css 我希望它適合你。 –

相關問題

引導式的設計，以表

回答

相關問題