Chrome浏览器中未设置的Radgrid列宽

Question

我对镀铬浏览器中的rad网格有问题。

列宽度设置为后面的代码。

在is和Firefox中，它可以很好地设置相同的列宽，但在chrome中，它没有设置指定的宽度。

它是根据列数据中的内容来获取列宽。

这是我的网格

    <asp:PlaceHolder ID="GridHolder" runat="server">

        <telerik:RadGrid ID="goGrid" ClientSettings-Scrolling-UseStaticHeaders="true" MasterTableView-TableLayout="Fixed"  runat="server" OnExcelExportCellFormatting="goGrid_ExcelExportCellFormatting" 
            OnGridExporting="goGrid_GridExporting"  OnItemCommand="goGrid_ItemCommand" OnPdfExporting="goGrid_PdfExporting" 
            OnExcelMLExportRowCreated="goGrid_ExcelMLExportRowCreated">

        </telerik:RadGrid>
    </asp:PlaceHolder>

在代码后面添加列和列宽度。

 sColDef = cColumns.Item(i).ToString
            sField = "GEN_" & i.ToString
            sLabel = goTR.ExtractString(sColDef, 2, Chr(1))
            sAlignment = goTR.ExtractString(sColDef, 3, Chr(1))
            sWidth = goTR.ExtractString(sColDef, 4, Chr(1))
            iDisplayAsIcon = goTR.StringToNum(goTR.ExtractString(sColDef, 5, Chr(1)))
            iDisplayAsLink = goTR.StringToNum(goTR.ExtractString(sColDef, 6, Chr(1)))
            iTextWidth = goTR.StringToNum(goTR.ExtractString(sColDef, 9, Chr(1)))
            iEllipsis = goTR.StringToNum(goTR.ExtractString(sColDef, 10, Chr(1)))

 Dim oField As New GridTemplateColumn

                If sUseOneLine = "1" Then
                    oField.ItemTemplate = New HyperlinkTemplate(sField, iTextWidth, sAlignment, "LIST", sSystemField, Me.ID, Me.gsSelectedRecordID, "GID_ID", gsFile, goTR.StringToNum(sWidth))
                Else
                    oField.ItemTemplate = New HyperlinkTemplate(sField, iTextWidth, sAlignment, "LIST", sSystemField, Me.ID, Me.gsSelectedRecordID, "GID_ID", gsFile, goTR.StringToNum(sWidth), False)
                End If

                If Not goTR.IsFieldCombined(sViewField) And goData.IsFieldSortable(sSystemField, gsFile) Then
                    oField.HeaderTemplate = New HeaderLinkTemplate(Me.ClientID, sSystemField, goView.GetSortFieldIndex(sSystemField), goView.GetSortFieldDirection(sSystemField), sLabel, goTR.StringToNum(sWidth), sAlignment, gbPrintMode, , sUseHeadings = "0")
                Else
                    oField.HeaderTemplate = New HeaderTemplate(sLabel, goTR.StringToNum(sWidth), sAlignment, gbPrintMode, sUseHeadings = "0")
                End If
                oField.HeaderText = sLabel
                'oField.HeaderStyle.Width = Unit.Pixel(goTR.StringToNum(sWidth))
                goGrid.Columns.Add(oField)

我试着设置

 oField.HeaderStyle.Width = Unit.Pixel(goTR.StringToNum(sWidth))
                            oField.FilterControlWidth = New System.Web.UI.WebControls.Unit(sWidth, UnitType.Pixel)

这些也没有解决我的问题。

我会很感激你的帮助，请帮助我。

Answer 1

最后，我试图通过以下方法修复我在chrome浏览器中的错误

  <MasterTableView Width="100%" TableLayout="Fixed"></MasterTableView>

在拉德网格视图中。

这解决了我的问题和宽度在拉德网格。

Answer 2

尝试在aspx中设置ItemStyle宽度，如下所示

<telerik:GridBoundColumn ItemStyle-Width="12%" HeaderStyle-Width="12%" HeaderStyle-HorizontalAlign="Center" FilterControlWidth="80%" />

更新

grdName.MasterTableView.Columns(i).HeaderStyle.Width = System.Web.UI.WebControls.Unit.Pixel(50)
grdName.MasterTableView.Columns(i).FilterControlWidth = System.Web.UI.WebControls.Unit.Pixel(50)
grdName.MasterTableView.Columns(i).ItemStyle.Width = System.Web.UI.WebControls.Unit.Pixel(50)

希望这能帮到你。