jqgrid-单元格未隐藏溢出文本

Question

I am using jqgrid plugin 4.6.0. The cell is not hiding the overflowing text either during normal display or during column resize. Please see the image below,

This issue is not occurring with jqgrid 4.5.2. Is there any setting available in latest version of plugin to avoid cell data wrapping?

Note: Header column is working as expected. The Actual text was 'Created On' and upon resize, it is hiding the overflow text.

Here is the CSS in IE Debugger mode:

Answer 1

I recommend you to use Developer Tools of IE/Chrome/Firefox to verify why the CSS rule will be overwrite in your environment

.ui-jqgrid tr.jqgrow td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre; /* this one */
    height: 22px;     /* and this one */
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}

I suppose that you have conflicts with some other CSS which you included on the HTML page.