CssClassを使うことができますか?
対象製品
SPREAD for .NET 2.5J Web Forms Edition
詳細
CssClassを利用するには、まずCssClassをセル型のCssClassプロパティに設定します。そして目的のセル範囲(セル、行、列)に対してセル型を設定します。
下記はCssClassとして「myCell」を宣言し、1列目に対して設定する例です。
【VB.NETサンプルコード】
【C# サンプルコード】
●参考●
SPREADはセルのパディングを3pxに設定するためstyle属性を出力します。これは次の様にDefaultStyle.ParentにNothingを設定することで出力させないようにできます。
FpSpread1.Sheets(0).DefaultStyle.Parent = Nothing
出力されるHTMLは次の様になります。
[CSSクラスを利用した場合]
<td class="myCell" ... style="padding-right:3;padding-left:3;">
[CSSクラスを利用/DefaultStyle.ParentをNothingにした場合]
<td class="myCell" ... >
※style="padding-right..."が出力されません。
SPREADはセルのパディングを3pxに設定するためstyle属性を出力します。これは次の様にDefaultStyle.ParentにNothingを設定することで出力させないようにできます。
FpSpread1.Sheets(0).DefaultStyle.Parent = Nothing
出力されるHTMLは次の様になります。
[CSSクラスを利用した場合]
<td class="myCell" ... style="padding-right:3;padding-left:3;">
[CSSクラスを利用/DefaultStyle.ParentをNothingにした場合]
<td class="myCell" ... >
※style="padding-right..."が出力されません。
下記はCssClassとして「myCell」を宣言し、1列目に対して設定する例です。
【VB.NETサンプルコード】
------------------------------
Webフォームクラス
------------------------------
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
If IsPostBack Then Return
FpSpread1.RenderCSSClass = True
FpSpread1.Sheets(0).DefaultStyle.Parent = Nothing
Dim gc As New GeneralCellType
gc.CssClass = "myCell"
FpSpread1.Sheets(0).Columns(0).CellType = gc
End Sub
------------------------------
スタイルシート
※WebフォームのHTMLソースに追加します。
------------------------------
<HTML>
<HEAD>
:
<STYLE type="text/css">
.myCell { background-color: red ;font-style:italic;padding-right:3px;padding-left:3px;}
</STYLE>
</HEAD>
:
Webフォームクラス
------------------------------
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
If IsPostBack Then Return
FpSpread1.RenderCSSClass = True
FpSpread1.Sheets(0).DefaultStyle.Parent = Nothing
Dim gc As New GeneralCellType
gc.CssClass = "myCell"
FpSpread1.Sheets(0).Columns(0).CellType = gc
End Sub
------------------------------
スタイルシート
※WebフォームのHTMLソースに追加します。
------------------------------
<HTML>
<HEAD>
:
<STYLE type="text/css">
.myCell { background-color: red ;font-style:italic;padding-right:3px;padding-left:3px;}
</STYLE>
</HEAD>
:
【C# サンプルコード】
------------------------------
Webフォームクラス
------------------------------
private void Page_Load(object sender, System.EventArgs e)
{
if(IsPostBack) return;
FpSpread1.RenderCSSClass = true;
FpSpread1.Sheets[0].DefaultStyle.Parent = null;
GeneralCellType gc=new GeneralCellType();
gc.CssClass="myCell";
FpSpread1.Sheets[0].Columns[0].CellType = gc;
}
------------------------------
スタイルシート
※WebフォームのHTMLソースに追加します。
------------------------------
VB サンプルコードで紹介しているものと同様です。
Webフォームクラス
------------------------------
private void Page_Load(object sender, System.EventArgs e)
{
if(IsPostBack) return;
FpSpread1.RenderCSSClass = true;
FpSpread1.Sheets[0].DefaultStyle.Parent = null;
GeneralCellType gc=new GeneralCellType();
gc.CssClass="myCell";
FpSpread1.Sheets[0].Columns[0].CellType = gc;
}
------------------------------
スタイルシート
※WebフォームのHTMLソースに追加します。
------------------------------
VB サンプルコードで紹介しているものと同様です。
関連情報
キーワード
外観
この文書は、以前は次のFAQ IDで公開されていました : 9117