增加對樞軸表的響應

Question

我一直在使用（http://nicolas.kruchten.com/pivottable）pivottable.js在我的應用程序之一。該表已被罰款，但我面臨的問題，同時添加響應我的用戶界面。該表不會縮小到使用媒體查詢爲小視圖端口定義的div大小。不管視角如何，表格總是繪製成相同的尺寸。 此外，表的列的寬度似乎是不可更改的。我試圖改變pivot.css中col的定義類，但似乎沒有辦法。

table.pvtTable .pvtColLabel {text-align: center; width:50px;} 
table.pvtTable .pvtTotalLabel {text-align: right; width: 50px;} 

而且下面是如何我已經使用上所在的表被繪製在「圖表」類的DIV媒體查詢：

@media (min-width: 320px) and (max-width: 640px) { 

    /*Making gray box span across the screen*/ 
    body { 
     padding-left: 0px; /*changed to avoid hz scroll on mobile device*/ 
     padding-right: 0px; /*changed to avoid hz scroll on mobile device*/ 
     padding-top: 0px; 
    } 
    #console { 
     /* Negative indent footer by it's height */ 
    margin: 0px auto -40px; 
} 
.graph { 
    width:250px; 
    height:270px; 
} 
.wrapper-gray{ 
    background-color: #ebebeb; 
    padding: 5px; 
} 


.section-box{ 
    background-color: #fff; 
    padding: 5px; 
} 
} 

請指引我，如果我錯了地方。

Answer 1

圖表的尺寸被固定在創建時間和經PivotUI的renderOptions參數控制。例如：

rendererOptions: { 
    c3: { 
     size: { height:200, width:200} 
    } 
} 

來源：Issue 487

Answer 2

有一個擴展庫NReco Javascript Pivot Table使用PivotTable.js和引導。