jquery - 为数据透视表增加响应能力

我一直在我的一个应用程序中使用(http://nicolas.kruchten.com/pivottable)ivottable.js。该表已呈现良好，但在向UI添加响应能力时遇到了问题。该表不会缩小为使用媒体查询为小 View 端口定义的div大小。不论视口(viewport)如何，表格始终以相同的大小绘制。
而且，表的列的宽度似乎是不可更改的。我试图更改在pivot.css中为col定义的类，但这似乎不能解决问题。

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

下面也是我在绘制表的“graph”类上的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;
}
}

如果我在某个地方出错了，请指导我。

最佳答案

图表的尺寸在创建时是固定的，并通过PivotUI的renderOptions参数进行控制。例如:

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

资料来源:Issue 487

关于jquery - 为数据透视表增加响应能力，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29802658/