Bug Report T222043
Visible to All Users

ASPxGridView - Grid renders a double border between band and other columns when Pager is displayed at the top

created 10 years ago (modified 8 years ago)

Hello,

I set my CSS file off and have a problem. While your example Multi-Row Headers Bands haven't. What might be wrong?

C#
@Html.DevExpress().GridView( settings => { settings.Name = "UserGrid"; settings.KeyFieldName = "Id"; settings.Width = Unit.Percentage(100); settings.CallbackRouteValues = new { Controller = "UserManager", Action = "UserGridPartial" }; settings.SettingsEditing.BatchUpdateRouteValues = new { Controller = "UserManager", Action = "UserGridUpdateModel" }; settings.SettingsEditing.Mode = GridViewEditingMode.Batch; settings.SettingsEditing.BatchEditSettings.EditMode = GridViewBatchEditMode.Cell; settings.SettingsEditing.BatchEditSettings.StartEditAction = GridViewBatchStartEditAction.Click; settings.CommandColumn.Visible = false; settings.SettingsEditing.ShowModelErrorsForEditors = true; settings.EnablePagingCallbackAnimation = true; settings.EnableCallbackAnimation = true; settings.SettingsPager.Summary.Text = "Страница: "; settings.SettingsPager.Visible = true; settings.SettingsPager.PageSize = 10; settings.SettingsPager.ShowEmptyDataRows = true; settings.Styles.AlternatingRow.Enabled = DefaultBoolean.True; settings.Styles.AlternatingRow.BackColor = System.Drawing.Color.Lavender; // фон четных столбцов // settings.Styles.Row.BackColor = Color.Red; // фон нечетных столбцов settings.SettingsPager.Position = System.Web.UI.WebControls.PagerPosition.TopAndBottom; settings.SettingsPager.NumericButtonCount = 7; settings.SettingsPager.FirstPageButton.Visible = true; settings.SettingsPager.LastPageButton.Visible = true; settings.SettingsPager.PageSizeItemSettings.Caption = "Записей:"; settings.SettingsPager.PageSizeItemSettings.Visible = true; settings.SettingsPager.PageSizeItemSettings.Items = new string[] { "10", "20", "30", "40", "50" }; settings.ControlStyle.Paddings.Padding = System.Web.UI.WebControls.Unit.Pixel(0); settings.ControlStyle.Border.BorderWidth = System.Web.UI.WebControls.Unit.Pixel(1); settings.Settings.ShowHeaderFilterButton = true; settings.SettingsPopup.HeaderFilter.Height = 200; settings.SettingsPopup.HeaderFilter.Width = 400; settings.Settings.ShowColumnHeaders = true; settings.SettingsText.EmptyDataRow = "Не создано ни одного пользователя"; settings.Styles.BatchEditCell.HorizontalAlign = HorizontalAlign.Center; settings.Styles.BatchEditModifiedCell.HorizontalAlign = HorizontalAlign.Center; settings.Styles.Cell.HorizontalAlign = HorizontalAlign.Center; settings.Columns.Add(column => { column.FieldName = " "; column.Caption = " "; column.UnboundType = DevExpress.Data.UnboundColumnType.String; column.EditFormSettings.Visible = DevExpress.Utils.DefaultBoolean.False; column.Settings.AllowHeaderFilter = DevExpress.Utils.DefaultBoolean.False; column.SetDataItemTemplateContent(c => { Html.DevExpress().HyperLink(settingsLink => { settingsLink.Name = "lnkEdit1_" + c.VisibleIndex; settingsLink.Properties.Text = "Редактировать"; settingsLink.NavigateUrl = Url.Action("EditUser", "UserManager", new {id = DataBinder.Eval(c.DataItem, "Id")}); settingsLink.Properties.ImageUrl = Url.Content("~/content/img/ico/grids/user_edit_32.png"); settingsLink.ToolTip = "Редактировать пользователя"; }).Render(); Html.DevExpress().HyperLink(settingsLink => { settingsLink.Name = "lnkEdit2_" + c.VisibleIndex; settingsLink.Properties.Text = "Отправить письмо"; settingsLink.NavigateUrl = Url.Action("SendMail", "UserManager", new { id = DataBinder.Eval(c.DataItem, "Id") }); settingsLink.Properties.ImageUrl = Url.Content("~/content/img/ico/grids/mail_send_32.png"); settingsLink.ToolTip = "Отправить письмо"; }).Render(); Html.DevExpress().HyperLink(settingsLink => { settingsLink.Name = "lnkEdit3_" + c.VisibleIndex; settingsLink.Properties.Text = "Отправить смс"; settingsLink.NavigateUrl = Url.Action("SendSms", "UserManager", new { id = DataBinder.Eval(c.DataItem, "Id") }); settingsLink.Properties.ImageUrl = Url.Content("~/content/img/ico/grids/sms_send_32.png"); settingsLink.ToolTip = "Отправить смс"; }).Render(); }); }); settings.Columns.Add(column => { column.FieldName = "RefId"; column.Caption = "ID"; column.EditFormSettings.Visible = DefaultBoolean.False; column.ToolTip = "Идентификатор лица"; column.Settings.HeaderFilterMode = HeaderFilterMode.CheckedList; column.CellStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Middle; column.CellStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center; column.Settings.AllowHeaderFilter = DevExpress.Utils.DefaultBoolean.False; }); settings.Columns.Add(column => { column.FieldName = "Name"; column.Caption = "ФИО"; column.SortOrder = DevExpress.Data.ColumnSortOrder.Descending; column.Settings.HeaderFilterMode = HeaderFilterMode.CheckedList; column.CellStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Middle; column.CellStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center; column.Settings.AllowHeaderFilter = DevExpress.Utils.DefaultBoolean.False; }); settings.Columns.Add(column => { column.FieldName = "TwoFactorEnabled"; column.ColumnType = MVCxGridViewColumnType.CheckBox; column.CellStyle.HorizontalAlign = HorizontalAlign.Center; //column.SetHeaderCaptionTemplateContent(c => //{ // Html.DevExpress().Image(imgSettings => // { // imgSettings.Name = "img1"; // imgSettings.ImageUrl = string.Format("~/content/img/ico/grids/pig_32.png"); // }).Render(); //}); column.Caption = "F2"; column.ToolTip = "Использовать двухфакторное подтверждение?"; }); settings.Columns.AddBand(phoneBand => { phoneBand.Caption = "Телефон"; phoneBand.HeaderStyle.HorizontalAlign = HorizontalAlign.Center; phoneBand.Columns.Add(column => { column.FieldName = "PhoneNumber"; column.Caption = "Номер"; column.ToolTip = "Телефонный номер пользователей"; column.Settings.AllowHeaderFilter = DevExpress.Utils.DefaultBoolean.False; }); phoneBand.Columns.Add(column => { column.FieldName = "PhoneNumberConfirmed"; column.ColumnType = MVCxGridViewColumnType.CheckBox; column.CellStyle.HorizontalAlign = HorizontalAlign.Center; //column.SetHeaderCaptionTemplateContent(c => //{ // Html.DevExpress().Image(imgSettings => // { // imgSettings.Name = "img2"; // imgSettings.ImageUrl = string.Format("~/content/img/ico/grids/phone-ok_32.gif"); // }).Render(); //}); column.Caption = "Т_ОК"; column.ToolTip = "Телефонный номер подтвержден?"; }); }); settings.Columns.AddBand(mailBand => { mailBand.Caption = "Почта"; mailBand.HeaderStyle.HorizontalAlign = HorizontalAlign.Center; mailBand.Columns.Add(column => { column.FieldName = "Email"; column.Caption = "Адрес"; column.ToolTip = "Электроная почта пользователя"; column.Settings.HeaderFilterMode = HeaderFilterMode.CheckedList; column.CellStyle.VerticalAlign = System.Web.UI.WebControls.VerticalAlign.Middle; column.CellStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Center; }); mailBand.Columns.Add(column => { column.FieldName = "EmailConfirmed"; column.CellStyle.HorizontalAlign = HorizontalAlign.Center; column.ColumnType = MVCxGridViewColumnType.CheckBox; column.Caption = "П_ОК"; column.ToolTip = "Адрес электронной почты подтвержден?"; }); }); settings.Columns.Add(column => { column.FieldName = "isLocked"; column.ColumnType = MVCxGridViewColumnType.CheckBox; column.CellStyle.HorizontalAlign = HorizontalAlign.Center; //column.SetHeaderCaptionTemplateContent(c => //{ // Html.DevExpress().Image(imgSettings => // { // imgSettings.Name = "img3"; // imgSettings.ImageUrl = string.Format("~/content/img/ico/grids/lock_32.png"); // }).Render(); //}); column.Caption = "Lock?"; column.ToolTip = "Блокировать пользователя при входе в систему?"; }); }).Bind(Model).GetHtml()

Thanks

Comments (3)
DevExpress Support Team 10 years ago

    Hello Valeriy,

    I created a sample based on your code, but could not reproduce the issue (see the attached video). Would you please update my project or provide your own sample for research?

    VE VE
    Vladimir Ermakov 10 years ago

      Hello Vladimir,
      here is updated project with the issue

        Hello Valeriy,

        Thank you for sending your sample to me. I see the problem. I will forward this issue to our R&D team. Our developers will continue working on this problem, and we will keep you informed of any progress.

        Answers approved by DevExpress Support

        created 9 years ago

        We have fixed the issue described in this ticket and will include the fix in our next maintenance update. To apply this solution before the official update, request a hotfix by clicking the corresponding link for product versions you require.

        Note: Hotfixes may be unavailable for beta versions and updates that are about to be released.

          Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

          Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.