jquery - Jqgrid列ヘッダーとデータが整列されていません

Question

動的で、C＃のコードビハインドで生成されるテーブルがあります。私はtabletogridを使用してこのhtmlテーブルをJqgridに変換し、それを行うために使用するコードは

tableToGrid('#gvSearchDocuments',
                    { height: 'auto',
                        autowidth:true,
                        multiselect: true,
                        pager: 'pagersearch',
                        rowList: [20, 30, 50],
                        colNames: ['ID','Message Date', 'Fund', 'Partner', 'Menu', 'Sub Menu', 'Document Name', 'Document Description', 'Type'],
                        colModel: [
                            { name: 'ID', hidden: true},
                            { name: 'MessageDate',
                            align: 'right',
                            sorttype: 'date',
                            formatter: 'date',
                            formatoptions: { newformat: 'M-d-Y' }
                                    },
                                    { name: 'Fund', align: 'left'},
                                    { name: 'Partner', align: 'left' },
                                    { name: 'Menu', align: 'left'},
                                    { name: 'SubMenu', align: 'left'},
                                    { name: 'Documentname', align: 'left' },
                                    { name: 'DocumentDescription', align: 'left'},
                                    { name: 'Type', align: 'left' }

                                   ]
                    });

私が抱えている問題は、jqgridが生成されたときに、列ヘッダーとデータが正しく配置されていないことです。autoWidth、width、shrinkToFitを試してみましたが、うまくいきませんでした。これが私のグリッドがIE、Firefox、Chromeでどのように表示されるかです。

私はこれに1日以上費やしました、そしてそれは私をゆっくりと殺しました。どんな助けでも素晴らしいでしょう！

Answer 1

でcssを編集

.ui-jqgrid tr.jqgrow td{
         white-space: normal;
      }