作成日: 2020/09/02 最終更新日: 2020/09/02
文書種別
使用方法
詳細
C1GridViewで列がソートされると、列ヘッダーにソート方向を示すソートインジケータ（矢印アイコン）を表示されます。
このアイコンを任意の画像に変更するには、下記のようなCSSを実装してください。
下記の例では、Imagesフォルダ内にある2種類の画像を、ソートの状態（昇順／降順）に応じて設定しています。
◎サンプルコード(aspx)
このアイコンを任意の画像に変更するには、下記のようなCSSを実装してください。
下記の例では、Imagesフォルダ内にある2種類の画像を、ソートの状態（昇順／降順）に応じて設定しています。
◎サンプルコード(aspx)
<style>
.wijmo-wijgrid-sort-icon.ui-icon.ui-icon-triangle-1-n{
background-image: url("Images/up-arrow.png") !important;
width:16px;
height:16px;
background-size:cover;
background-position: center;
}
.wijmo-wijgrid-sort-icon.ui-icon.ui-icon-triangle-1-s{
background-image: url("Images/down-arrow.png") !important;
width:16px;
height:16px;
background-size:cover;
background-position: center;
}
</style>
.wijmo-wijgrid-sort-icon.ui-icon.ui-icon-triangle-1-n{
background-image: url("Images/up-arrow.png") !important;
width:16px;
height:16px;
background-size:cover;
background-position: center;
}
.wijmo-wijgrid-sort-icon.ui-icon.ui-icon-triangle-1-s{
background-image: url("Images/down-arrow.png") !important;
width:16px;
height:16px;
background-size:cover;
background-position: center;
}
</style>
旧文書番号
85951