我有一个JQGrid，其列包含不同长度的文本。

有些单元格超过一行，我已经在CSS中配置了它们，以允许文本自动换行，以便显示在多行上。

我的问题是我需要将所有行都设置为相同的高度，例如，如果单行为21px，则我希望包含2行文本的单元格的高度为42px。

我尝试过更改CSS中的行距变量，但这既针对单行又针对具有多行的单元格。

有没有一种方法可以仅在显示为多行的单元格上更改行距？

这是我用来添加JQGrid的代码。

            <trirand:JQGrid runat="server" ID="JQGrid1" DataSourceID="SqlDataSource1" OnRowSelecting="JQGrid1_RowSelecting" Responsive="false" Width="1170px" Height="100%">
            <ClientSideEvents AfterDeleteDialogRowDeleted="afterDel"  AfterAddDialogRowInserted="afterInsert" BeforeAddDialogShown="beforeAdd" BeforeDeleteDialogShown="beforeDel" BeforeEditDialogShown="beforeEdit" RowSelect="getSelectedRow"/>
            <Columns>
                <trirand:JQGridColumn DataField="docid" HeaderText="Document ID" PrimaryKey="True" Width="300" ShowToolTip="false" />
                <trirand:JQGridColumn DataField="invoice_number" HeaderText="Invoice Number" Width="300" ShowToolTip="false" />
                <trirand:JQGridColumn DataField="invoice_date" HeaderText="Invoice Date" Editable="true" EditType="DatePicker"
            EditorControlID="DatePicker1" DataFormatString="{0:dd/MM/yyyy}"  Width="350" ShowToolTip="false"/>
                <trirand:JQGridColumn DataField="cust_name" HeaderText="Customer Name" Editable="true" EditType="DropDown" 
            EditorControlID="CustomersDdl" Width="350" ShowToolTip="false"/>
                <trirand:JQGridColumn DataField="inv_splitter" HeaderText="Splitter" Editable="true" Width="300" ShowToolTip="false" />
                <trirand:JQGridColumn DataField="type" HeaderText="Type" Editable="true" Width="350" EditType="DropDown" Editvalues="Invoice:Invoice;Credit Note:Credit Note" ShowToolTip="false"/> 
            </Columns>
            <PagerSettings PageSize="5" />  
            <AppearanceSettings ShowFooter="true" HighlightRowsOnHover="true" />
            <ToolBarSettings ShowEditButton="true" ShowAddButton="true" ShowDeleteButton="true" ShowSearchButton="True">
                <CustomButtons>
                    <trirand:JQGridToolBarButton
                        Text = "Preview"
                        ToolTip = "Preview"
                        ButtonIcon = "ui-icon-document"
                        Position = "Last" 
                        OnClick = "customButtonClicked"
                    />
                </CustomButtons>
                <CustomButtons>
                    <trirand:JQGridToolBarButton
                        Text = "Generate"
                        ToolTip = "Generate"
                        ButtonIcon = "ui-icon-copy"
                        Position = "Last" 
                        OnClick = "customButtonClicked2"
                    />
                </CustomButtons>
                <CustomButtons>
                    <trirand:JQGridToolBarButton
                        Text = "Download"
                        ToolTip = "Download"
                        ButtonIcon = "ui-icon-arrowstop-1-s"
                        Position = "Last" 
                        OnClick = "customButtonClicked3"
                    />
                </CustomButtons>
                <CustomButtons>
                    <trirand:JQGridToolBarButton
                        Text = "Email"
                        ToolTip = "Email"
                        ButtonIcon = "ui-icon-mail-closed"
                        Position = "Last" 
                        OnClick = "customButtonClicked4"
                    />
                </CustomButtons>
            </ToolBarSettings>
        <EditDialogSettings CloseAfterEditing="true" Caption="The Edit Dialog"  />
        <AddDialogSettings CloseAfterAdding="true" />                   
   </trirand:JQGrid> 

这是我的自定义CSS

.ui-jqgrid .ui-jqgrid-view {
position: relative;
left: 0px;
top: 0px;
padding: 0;
font-size: 12px !important;
line-height: 23px !important;
}

.ui-jqgrid tr.jqgrow td {
height: 23px !important;
line-height: 23px !important;
white-space: normal !important;
}