title: Rendering the last column of Grid panel Ext.Net
body: <p>1) In some cases the last column of Grid panel do not render correctly. Please take a look at the following image.</p>
  
  <p><img src="https://i.stack.imgur.com/y2172.jpg" alt="enter image description here"></p>
  
  <p>What is the problem? </p>
  
  <p>Here are the markup codes:</p>
  
  <pre><code> &lt;ext:Panel ID="pnl_DataView_EconomicArrange" runat="server" Width="850" Height="600" Title="Economic"
                                  Padding="6" Layout="FitLayout"&gt;
                                  &lt;Content&gt;
                                      &lt;ext:GridPanel ID="GV_EconomicArrange" runat="server" Height="560" Width="840" Title="Economic"
                                          AutoScroll="True" Border="True" Header="false" TrackMouseOver="true" Cls="gridFont"
                                          Layout="FitLayout" AutoExpandColumn="MDate"  StripeRows="true"  &gt;
  
                                  &lt;Store&gt;
                                              &lt;ext:Store ID="Store_DataView" runat="server"&gt;
                                                  &lt;Reader&gt;
                                                      &lt;ext:JsonReader IDProperty="EconomivArrange"&gt;
                                                          &lt;Fields&gt;
                                                              &lt;ext:RecordField Name="LowPrice" /&gt;
                                                              &lt;ext:RecordField Name="HighPrice" /&gt;
                                                              &lt;ext:RecordField Name="H1_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H2_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H3_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H4_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H5_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H6_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H7_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H8_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H9_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H10_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H11_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H12_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H13_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H14_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H15_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H16_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H17_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H18_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H19_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H20_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H21_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H22_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H23_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="H24_Integrated" /&gt;
                                                              &lt;ext:RecordField Name="MDate" /&gt;
                                                           &lt;/Fields&gt;
                                                      &lt;/ext:JsonReader&gt;
                                                  &lt;/Reader&gt;
                                              &lt;/ext:Store&gt;
                                          &lt;/Store&gt;
  
                                          &lt;TopBar&gt;
                                              &lt;ext:Toolbar ID="Toolbar1" runat="server"&gt;
                                                  &lt;Items&gt;
                                                      &lt;ext:ToolbarFill ID="ToolbarFill1" runat="server" /&gt;
                                                  &lt;/Items&gt;
                                              &lt;/ext:Toolbar&gt;
                                          &lt;/TopBar&gt;
                                          &lt;SelectionModel&gt;
                                              &lt;ext:RowSelectionModel ID="RowSelectionModel1" runat="server" /&gt;
                                          &lt;/SelectionModel&gt;
                                          &lt;ColumnModel&gt;
                                              &lt;Columns&gt;
                                                  &lt;ext:Column Header="Low Price" Width="60" Sortable="false" DataIndex="LowPrice" /&gt;
                                                  &lt;ext:Column Header="High Price" Width="60" Sortable="false" DataIndex="HighPrice" /&gt;
                                                  &lt;ext:Column Header="H 1" Width="50" Sortable="false" DataIndex="H1_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 2" Width="50" Sortable="false" DataIndex="H2_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 3" Width="50" Sortable="false" DataIndex="H3_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 4" Width="50" Sortable="false" DataIndex="H4_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 5" Width="50" Sortable="false" DataIndex="H5_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 6" Width="50" Sortable="false" DataIndex="H6_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 7" Width="50" Sortable="false" DataIndex="H7_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 8" Width="50" Sortable="false" DataIndex="H8_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 9" Width="50" Sortable="false" DataIndex="H9_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 10" Width="50" Sortable="false" DataIndex="H10_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 11" Width="50" Sortable="false" DataIndex="H11_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 12" Width="50" Sortable="false" DataIndex="H12_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 13" Width="50" Sortable="false" DataIndex="H13_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 14" Width="50" Sortable="false" DataIndex="H14_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 15" Width="50" Sortable="false" DataIndex="H15_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 16" Width="50" Sortable="false" DataIndex="H16_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 17" Width="50" Sortable="false" DataIndex="H17_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 18" Width="50" Sortable="false" DataIndex="H18_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 19" Width="50" Sortable="false" DataIndex="H19_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 20" Width="50" Sortable="false" DataIndex="H20_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 21" Width="50" Sortable="false" DataIndex="H21_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 22" Width="50" Sortable="false" DataIndex="H22_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 23" Width="50" Sortable="false" DataIndex="H23_Integrated" /&gt;
                                                  &lt;ext:Column Header="H 24" Width="50" Sortable="false" DataIndex="H24_Integrated" /&gt;
  
                                                  &lt;ext:Column  Header="Date" Width="50" Sortable="false" DataIndex="MDate" Hidden="true" Hideable="false"   /&gt;
                                              &lt;/Columns&gt;
                                          &lt;/ColumnModel&gt;
                                          &lt;LoadMask ShowMask="true" /&gt;
  
                                      &lt;/ext:GridPanel&gt;
                                  &lt;/Content&gt;
                              &lt;/ext:Panel&gt;
  </code></pre>
  
  <p>And in code behind I fill a data table and bind to store datasource.</p>
  
  <p>2) What is your idea about this case:
  <img src="https://i.stack.imgur.com/FVy8V.jpg" alt="enter image description here"></p>
  
  <p>when I use horizontal scroll to see last columns:
  1) headers are still fixed but rows are shifted.
  2) two last columns style are disappeared. (please see the pink rows for more details)</p>
  
  <p>and here are the markup codes:</p>
  
  <pre><code>  &lt;ext:Panel ID="pnl_DataView" runat="server" Title="Generation Information"
                                  Padding="6" Layout="FitLayout"&gt;
                                  &lt;Items&gt;
                                      &lt;ext:GridPanel ID="GV_DataView" runat="server" Title="Generation Information"
                                          AutoScroll="True" Border="True" Header="false" TrackMouseOver="true" Layout="FitLayout" 
                                          Cls="gridFont"&gt;
                                          &lt;Store&gt;
                                              &lt;ext:Store ID="Store_DataView" runat="server"&gt;
                                                  &lt;Reader&gt;
                                                      &lt;ext:JsonReader&gt;
                                                          &lt;Fields&gt;
                                                              &lt;ext:RecordField Name="MDate"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="DayName"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="DayOfYear"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="UnitCode"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H1"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H2"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H3"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H4"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H5"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H6"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H7"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H8"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H9"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H10"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H11"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H12"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H13"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H14"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H15"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H16"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H17"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H18"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H19"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H20"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H21"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H22"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H23"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="H24"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="SumValue"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="Counter"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="InternalUse"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="PeakValue"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="Vacation"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                              &lt;ext:RecordField Name="SumFlag"&gt;
                                                              &lt;/ext:RecordField&gt;
                                                          &lt;/Fields&gt;
                                                      &lt;/ext:JsonReader&gt;
                                                  &lt;/Reader&gt;
                                              &lt;/ext:Store&gt;
                                          &lt;/Store&gt;
                                          &lt;View&gt;
                                              &lt;ext:GridView ID="GridView1" runat="server"&gt;
                                                  &lt;GetRowClass Fn="getRowClass" /&gt;
                                              &lt;/ext:GridView&gt;
                                          &lt;/View&gt;
                                          &lt;TopBar&gt;
                                              &lt;ext:Toolbar ID="Toolbar1" runat="server"&gt;
                                                  &lt;Items&gt;
                                                      &lt;ext:ToolbarFill ID="ToolbarFill1" runat="server" /&gt;
                                                  &lt;/Items&gt;
                                              &lt;/ext:Toolbar&gt;
                                          &lt;/TopBar&gt;
                                          &lt;SelectionModel&gt;
                                              &lt;ext:RowSelectionModel ID="RowSelectionModel1" runat="server" /&gt;
                                          &lt;/SelectionModel&gt;
                                          &lt;ColumnModel&gt;
                                              &lt;Columns&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="MDate" Header="Date" Width="80"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="DayName" Header="Weeks Day"
                                                      Width="70" Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="DayOfYear" Header="Years Day"
                                                      Width="70" Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="UnitCode" Header="Unit" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H1" Header="H1" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H2" Header="H2" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H3" Header="H3" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H4" Header="H4" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H5" Header="H5" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H6" Header="H6" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H7" Header="H7" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H8" Header="H8" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H9" Header="H9" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H10" Header="H10" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H11" Header="H11" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H12" Header="H12" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H13" Header="H13" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H14" Header="H14" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H15" Header="H15" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H16" Header="H16" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H17" Header="H17" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H18" Header="H18" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H19" Header="H19" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H20" Header="H20" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H21" Header="H21" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H22" Header="H22" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H23" Header="H23" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="H24" Header="H24" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="SumValue" Header="Sum" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="Counter" Header="Counter" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="InternalUse" Header="Internal Use"
                                                      Width="50" Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                                  &lt;ext:Column Align="Center" Sortable="true" DataIndex="PeakValue" Header="Peek" Width="50"
                                                      Locked="true"&gt;
                                                  &lt;/ext:Column&gt;
                                              &lt;/Columns&gt;
                                          &lt;/ColumnModel&gt;
  
                                          &lt;LoadMask ShowMask="true" /&gt;
                                      &lt;/ext:GridPanel&gt;
                                  &lt;/Items&gt;
                              &lt;/ext:Panel&gt;
  </code></pre>