jqGrid防止覆盖父元素和包裹单元格文本

Question

我有一个jqGrid表。当它加载数据表时，宽度变大，我有宽大的列。

我不希望表的宽度发生变化，我希望固定大小的列具有包装属性（如果值超出列宽，则应该将其打破并且应该在新行继续）。我怎么能这样做？

我试过那个CSS：

<style type="text/css">
    .ui-jqgrid tr.jqgrow td {
        word-wrap: break-word; /* IE 5.5+ and CSS3 */
        white-space: pre-wrap; /* CSS3 */
        white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        overflow: hidden;
        height: auto;
        vertical-align: middle;
        padding-top: 3px;
        padding-bottom: 3px;
    }
</style>

我用它：

tableToGrid("#tableId",{caption:"cap",shrinkToFit:false, autowidth:true})

但是，表格的大小比其父级以及HTML页面的每个组件都大？

编辑：我发现我覆盖了jqGrid的white-space属性，但是没有正常工作。当我调试CSS时，我得到了：

如您所见white-space被覆盖。当我明确取消选中jqGrid的white-space属性时，如下所示：

它对我有效。