如何制作devx asp：网格响应？

Question

我正在使用dx：ASPxGridView（Version-11.1）来显示带有问题的网格并有3个选项[（1）是或大部分是。 （2）中期或未定（3）否或大多数没有选择他们各自的问题。我们已经实现了桌面视图（请参阅附图），但我们希望在页面进入移动视图时使其响应（如附图所示）。 下面是原始桌面视图的网格代码。

<dx:ASPxGridView ID="grdQuestionnaire" OnCustomColumnDisplayText="grdQuestionnaire_CustomColumnDisplayText" EnableCallBacks="false" ClientInstanceName="grdQuestionnaire" runat="server" AutoGenerateColumns="False"
                                KeyFieldName="QuestionID" OnHtmlRowCreated="ASPxGridView1_HtmlRowCreated" Width="100%">
                                <Columns>
                                    <dx:GridViewDataTextColumn Caption="NO" VisibleIndex="0">
                                    </dx:GridViewDataTextColumn>
                                    <dx:GridViewDataTextColumn  Caption="Question" ShowInCustomizationForm="True" VisibleIndex="1">
                                        <DataItemTemplate>
                    Are you by nature a forgiving persion?
                   </DataItemTemplate>
                                    </dx:GridViewDataTextColumn>
                 <dx:GridViewDataTextColumn  Caption="Yes or mostly yes" ShowInCustomizationForm="True" VisibleIndex="2">
                                        <DataItemTemplate>
                    </DataItemTemplate>
                                    </dx:GridViewDataTextColumn>
                 <dx:GridViewDataTextColumn  Caption="Mid or undecided" ShowInCustomizationForm="True" VisibleIndex="3">
                                        <DataItemTemplate>
                    </DataItemTemplate>
                                    </dx:GridViewDataTextColumn>
                 <dx:GridViewDataTextColumn  Caption="No or mostly no" ShowInCustomizationForm="True" VisibleIndex="4">
                                        <DataItemTemplate>
                    </DataItemTemplate>
                                    </dx:GridViewDataTextColumn>
                <Columns>
                 </dx:ASPxGridView>