GridViewDataComboBoxColumn 콤보 박스와 값 사이의 거리

Question

DevExpress 그리드 뷰 컨트롤 (ASP.Net)이 있고, 내 열 중 하나가 GridViewDataComboBoxColumn입니다. 드롭 다운의 데이터 소스는 코드 뒤에 설정되어 있으므로 문제는 없습니다. 유일한 문제는 드롭 다운을 클릭하면 콤보 박스와 값 사이에 큰 거리가 있다는 것입니다.

내가 잘못 여기에 무슨 짓을했는지 어떤 생각?

<dx:ASPxGridView ID="Grid" runat="server" KeyFieldName="CompetencyEmployeeLevelLinkId" EnableRowsCache="False" ClientInstanceName="grid" Width="100%" OnCellEditorInitialize="EditingCell" 
        OnCustomJSProperties="Grid_CustomJSProperties" OnBatchUpdate="OnBatchUpdate" OnRowUpdating="OnRowUpdate" AutoGenerateColumns="False" EnableTheming="True" Theme="PlasticBlue"> 
        <SettingsEditing Mode="Batch"> 
         <BatchEditSettings EditMode="Cell" StartEditAction="Click"></BatchEditSettings> 
        </SettingsEditing> 
        <SettingsBehavior ColumnResizeMode="Control"></SettingsBehavior> 
        <ClientSideEvents BatchEditStartEditing="OnBatchStartEdit" /> 
        <Columns> 
         <dx:GridViewDataColumn FieldName="Competency"> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="PreviousAScore" Caption="Previous A Score"> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="PreviousBScore" Caption="Previous B Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataComboBoxColumn FieldName="MentorA" Caption="Mentor's A Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
         </dx:GridViewDataComboBoxColumn> 
         <dx:GridViewDataComboBoxColumn FieldName="MentorB" Caption="Mentor's B Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <PropertiesComboBox /> 
         </dx:GridViewDataComboBoxColumn> 
         <dx:GridViewDataColumn FieldName="Description" Caption="Development Plan"> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="RequiredScore" Caption="Required Score"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
         <dx:GridViewDataColumn FieldName="Achieved" Caption="Achieved"> 
          <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle"></HeaderStyle> 
          <CellStyle HorizontalAlign="Center" VerticalAlign="Middle"></CellStyle> 
          <EditFormSettings Visible="False" /> 
         </dx:GridViewDataColumn> 
        </Columns> 
        <SettingsEditing Mode="Batch" /> 
        <Settings VerticalScrollableHeight="400" VerticalScrollBarMode="Visible" VerticalScrollBarStyle="Virtual" /> 
        <SettingsPager> 
         <PageSizeItemSettings Visible="False" /> 
        </SettingsPager> 
       </dx:ASPxGridView> 

Answer 1

문제는 내가 부모 컨테이너에있는 CSS 클래스에서 발생했습니다. "인라인 표시"속성 :

#container 

{ 디스플레이 : 문제가있는 요소는 있었다 인라인; 왼쪽 패딩 : 50px; 패딩 오른쪽 : 80px; }

이 문제를 제거하면 문제가 해결됩니다. 이것이 왜 문제인지 이해하지 못했지만 적어도 문제는 해결되었습니다. 희망이 누군가 언젠가 도움이되기를 바랍니다.