質問編集履歴

6 修正

doremifa

doremifa score 33

2016/11/07 15:36  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
※RowCreatedの情報は無関係のため削除いたいします。  
 
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

5 関係ない情報削除

doremifa

doremifa score 33

2016/11/07 15:32  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
###この表はセンタリングされる  
```ここに言語を入力  
<asp:GridView ID="G2" runat="server" AllowPaging="True" PageSize="20" CssClass=" table-bordered"   
               AutoGenerateColumns="False" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"  
               OnPageIndexChanging="G2B_PageIndexChanging"  
               OnRowDataBound="G2_RowDataBound"  
               OnRowCommand="G2_RowCommand" >  
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />  
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />  
               <PagerStyle HorizontalAlign="center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />  
               <Columns>  
                   <asp:ButtonField ButtonType="Button" Text="A"   HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">  
                       <HeaderStyle CssClass="text-center"></HeaderStyle>  
                       <ItemStyle CssClass="text-center"></ItemStyle>  
                   </asp:ButtonField>  
                   <asp:ButtonField ButtonType="Button" Text="B"  HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">  
                       <HeaderStyle CssClass="text-center"></HeaderStyle>  
                       <ItemStyle CssClass="text-center"></ItemStyle>  
                   </asp:ButtonField>  
                   <asp:ButtonField ButtonType="Button" Text="C"  HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">  
                       <HeaderStyle CssClass="header_invisible"></HeaderStyle>  
                       <ItemStyle CssClass="text-center"></ItemStyle>  
                   </asp:ButtonField>  
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">  
                       <HeaderStyle CssClass="text-center"></HeaderStyle>  
                       <ItemStyle CssClass="text-center" Width="70px"></ItemStyle>  
                   </asp:BoundField>  
               </Columns>  
               <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />  
           </asp:GridView>  
```  
###センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードがかかれています。  
```  
if (e.Row.RowType == DataControlRowType.Header)  
           {  
               System.Collections.Generic.List<TableCell> cells =  
                 new System.Collections.Generic.List<TableCell>();  
               foreach (TableCell cell in e.Row.Cells)  
               {  
                   cells.Add(cell);  
               }  
 
               GridViewRow row1 =  
                 new GridViewRow(  
                   -1,  
                   -1,  
                   DataControlRowType.Header,  
                   DataControlRowState.Normal);  
               cells[0].RowSpan = 2;  
 
               TableHeaderCell headerCell = new TableHeaderCell();  
               headerCell.ColumnSpan = 3;  
               headerCell.Controls.Add(new LiteralControl("共通ヘッダ"));  
               row1.Cells.Add(cells[0]);  
               row1.Cells.Add(headerCell);  
 
               GridViewRow row2 =  
                 new GridViewRow(  
                   -1,  
                   -1,  
                   DataControlRowType.Header,  
                   DataControlRowState.Normal);  
               for (int i = 1; i < 4; i++)  
               {  
                   row2.Cells.Add(cells[i]);  
               }  
 
               GridView.Controls[0].Controls.Clear();  
               GridView.Controls[0].Controls.Add(row1);  
               GridView.Controls[0].Controls.Add(row2);  
 
           }  
```  
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

4 syuusei

doremifa

doremifa score 33

2016/11/07 13:20  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
###この表はセンタリングされる
```ここに言語を入力
<asp:GridView ID="G2" runat="server" AllowPaging="True" PageSize="20" CssClass=" table-bordered" 
               AutoGenerateColumns="False" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnPageIndexChanging="G2B_PageIndexChanging"
               OnRowDataBound="G2_RowDataBound"
               OnRowCommand="G2_RowCommand" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
               <PagerStyle HorizontalAlign="center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:ButtonField ButtonType="Button" Text="A" CommandName="gridbtn_detail" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                   <asp:ButtonField ButtonType="Button" Text="A"   HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="B" CommandName="gridbtn_finary" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                   <asp:ButtonField ButtonType="Button" Text="B"  HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="C" CommandName="gridbtn_reentry" HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">
                   <asp:ButtonField ButtonType="Button" Text="C"  HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="header_invisible"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center" Width="70px"></ItemStyle>
                   </asp:BoundField>
               </Columns>
               <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
           </asp:GridView>
```
###センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードがかかれています。
```
if (e.Row.RowType == DataControlRowType.Header)
           {
               System.Collections.Generic.List<TableCell> cells =
                 new System.Collections.Generic.List<TableCell>();
               foreach (TableCell cell in e.Row.Cells)
               {
                   cells.Add(cell);
               }
               GridViewRow row1 =
                 new GridViewRow(
                   -1,
                   -1,
                   DataControlRowType.Header,
                   DataControlRowState.Normal);
               cells[0].RowSpan = 2;
               TableHeaderCell headerCell = new TableHeaderCell();
               headerCell.ColumnSpan = 3;
               headerCell.Controls.Add(new LiteralControl("共通ヘッダ"));
               row1.Cells.Add(cells[0]);
               row1.Cells.Add(headerCell);
               GridViewRow row2 =
                 new GridViewRow(
                   -1,
                   -1,
                   DataControlRowType.Header,
                   DataControlRowState.Normal);
               for (int i = 1; i < 4; i++)
               {
                   row2.Cells.Add(cells[i]);
               }
               GridView.Controls[0].Controls.Clear();
               GridView.Controls[0].Controls.Add(row1);
               GridView.Controls[0].Controls.Add(row2);
           }
```
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

3 syuusei

doremifa

doremifa score 33

2016/11/07 13:17  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
###この表はセンタリングされる
```ここに言語を入力
<asp:GridView ID="G2" runat="server" AllowPaging="True" PageSize="20" CssClass=" table-bordered" 
               AutoGenerateColumns="False" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnPageIndexChanging="G2B_PageIndexChanging"
               OnRowDataBound="G2_RowDataBound"
               OnRowCommand="G2_RowCommand" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
               <PagerStyle HorizontalAlign="center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:ButtonField ButtonType="Button" Text="A" CommandName="gridbtn_detail" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="B" CommandName="gridbtn_finary" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="C" CommandName="gridbtn_reentry" HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="header_invisible"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center" Width="70px"></ItemStyle>
                   </asp:BoundField>
               </Columns>
               <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
           </asp:GridView>
```
###センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードが
かかれています。
###センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードがかかれています。
```
if (e.Row.RowType == DataControlRowType.Header)
           {
               System.Collections.Generic.List<TableCell> cells =
                 new System.Collections.Generic.List<TableCell>();
               foreach (TableCell cell in e.Row.Cells)
               {
                   cells.Add(cell);
               }
               GridViewRow row1 =
                 new GridViewRow(
                   -1,
                   -1,
                   DataControlRowType.Header,
                   DataControlRowState.Normal);
               cells[0].RowSpan = 2;
               TableHeaderCell headerCell = new TableHeaderCell();
               headerCell.ColumnSpan = 3;
               headerCell.Controls.Add(new LiteralControl("共通ヘッダ"));
               row1.Cells.Add(cells[0]);
               row1.Cells.Add(headerCell);
               GridViewRow row2 =
                 new GridViewRow(
                   -1,
                   -1,
                   DataControlRowType.Header,
                   DataControlRowState.Normal);
               for (int i = 1; i < 4; i++)
               {
                   row2.Cells.Add(cells[i]);
               }
               GridView.Controls[0].Controls.Clear();
               GridView.Controls[0].Controls.Add(row1);
               GridView.Controls[0].Controls.Add(row2);
           }
```
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

2 修正

doremifa

doremifa score 33

2016/11/07 13:16  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
###この表はセンタリングされる
```ここに言語を入力
<asp:GridView ID="G2" runat="server" AllowPaging="True" PageSize="20" CssClass=" table-bordered" 
               AutoGenerateColumns="False" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnPageIndexChanging="G2B_PageIndexChanging"
               OnRowDataBound="G2_RowDataBound"
               OnRowCommand="G2_RowCommand" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
               <PagerStyle HorizontalAlign="center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:ButtonField ButtonType="Button" Text="A" CommandName="gridbtn_detail" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="B" CommandName="gridbtn_finary" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="C" CommandName="gridbtn_reentry" HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="header_invisible"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center" Width="70px"></ItemStyle>
                   </asp:BoundField>
               </Columns>
               <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
           </asp:GridView>
```
センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードが
###センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードが
かかれています。
```  
if (e.Row.RowType == DataControlRowType.Header)
{
//ヘッダ行編集
}
           {
               System.Collections.Generic.List<TableCell> cells =
                 new System.Collections.Generic.List<TableCell>();
               foreach (TableCell cell in e.Row.Cells)
               {
                   cells.Add(cell);
               }
               GridViewRow row1 =  
                 new GridViewRow(  
                   -1,  
                   -1,  
                   DataControlRowType.Header,  
                   DataControlRowState.Normal);  
               cells[0].RowSpan = 2;  
 
               TableHeaderCell headerCell = new TableHeaderCell();  
               headerCell.ColumnSpan = 3;  
               headerCell.Controls.Add(new LiteralControl("共通ヘッダ"));  
               row1.Cells.Add(cells[0]);  
               row1.Cells.Add(headerCell);  
 
               GridViewRow row2 =  
                 new GridViewRow(  
                   -1,  
                   -1,  
                   DataControlRowType.Header,  
                   DataControlRowState.Normal);  
               for (int i = 1; i < 4; i++)  
               {  
                   row2.Cells.Add(cells[i]);  
               }  
 
               GridView.Controls[0].Controls.Clear();  
               GridView.Controls[0].Controls.Add(row1);  
               GridView.Controls[0].Controls.Add(row2);  
 
           }  
```  
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

1 修正

doremifa

doremifa score 33

2016/11/07 11:34  投稿

ページャーをセンタリングできない
###前提・実現したいこと
ページ切り替えを表の中央に表示したいがうまくいかない
IEの開発者ツールで確認したところページ表示行テーブルのTDがcolspan=4となっておりこれが原因ではないかと思うのですが修正方法がわかりません。
 
 
###該当のソースコード
```ここに言語を入力
<asp:GridView ID="GridView" runat="server"  CssClass="table-bordered " AllowPaging="True"
               AutoGenerateColumns="False" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnRowCreated="GridView_RowCreated"
               OnPageIndexChanging="GridView_PageIndexChanging" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Center" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" HorizontalAlign="Center" />
               <PagerStyle HorizontalAlign="Center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:BoundField DataField="A" HeaderText="A" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="B" HeaderText="B" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="C" HeaderText="C" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-left" >
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-left"></ItemStyle>
                   </asp:BoundField>
               </Columns>
           </asp:GridView>
```
###この表はセンタリングされる
```ここに言語を入力
<asp:GridView ID="G2" runat="server" AllowPaging="True" PageSize="20" CssClass=" table-bordered" 
               AutoGenerateColumns="False" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="6" Width="950px"
               OnPageIndexChanging="G2B_PageIndexChanging"
               OnRowDataBound="G2_RowDataBound"
               OnRowCommand="G2_RowCommand" >
               <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
               <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
               <PagerStyle HorizontalAlign="center" VerticalAlign="Top" BackColor="#99CCCC" ForeColor="#003399" />
               <Columns>
                   <asp:ButtonField ButtonType="Button" Text="A" CommandName="gridbtn_detail" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="B" CommandName="gridbtn_finary" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:ButtonField ButtonType="Button" Text="C" CommandName="gridbtn_reentry" HeaderStyle-CssClass="header_invisible" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="header_invisible"></HeaderStyle>
                       <ItemStyle CssClass="text-center"></ItemStyle>
                   </asp:ButtonField>
                   <asp:BoundField DataField="D" HeaderText="D" HeaderStyle-CssClass="text-center" ItemStyle-CssClass="text-center">
                       <HeaderStyle CssClass="text-center"></HeaderStyle>
                       <ItemStyle CssClass="text-center" Width="70px"></ItemStyle>
                   </asp:BoundField>
               </Columns>
               <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
           </asp:GridView>
```
センタリングされない表は[OnRowCreated]イベントにヘッダを2段にするコードが  
かかれています。  
if (e.Row.RowType == DataControlRowType.Header)  
{  
//ヘッダ行編集  
}  
 
###補足情報(言語/FW/ツール等のバージョンなど)
ドットネットフレームワーク4.5.2
C#
Webform
  • C#

    15934 questions

    C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

  • .NET Framework

    895 questions

    .NET Framework は、Microsoft Windowsのオペレーティングシステムのために開発されたソフトウェア開発環境/実行環境です。多くのプログラミング言語をサポートしています。

  • ASP.NET

    983 questions

    ASP.NETは動的なWebサイトやWebアプリケーション、そしてWebサービスを構築出来るようにする為、Microsoftによって開発されたウェブアプリケーション開発フレームワークです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る