名前 |
TRIMTABLE01 |
|
---|---|---|
パーツバージョン |
1.0.0~1.1.1 |
|
GCバージョン |
1.1.0~ |
|
パーツアイコン |
||
要旨 |
選択HTML断片中に含まれるテーブルに対し、オプションで指定した列番号に該当する列を削除し出力します。 |
|
入出力仕様 |
TABLE要素またはTBODY要素を含む領域を選択します。複数個のテーブルを変換処理することができますが、どのテーブルも一律同じ番号列を削除します。テーブルセルの中にある子テーブルは列カット処理の対象外です。 |
|
オプション |
削除列番号(必須) |
削除する列番号を数字(正数)で指定します(複数個あるはカンマ区切りで指定)。 列番号は0から開始します。 列番号はテーブルの1行目のセルを基準に番号を数え、決定してください。 削除対象が列結合(colspan属性>1)されている場合、結合された列も削除されます。 指定がない場合や、選択テーブルの列数を超える値を指定した場合は、列カットを行いません。 |
ビューの種類 |
テーブル配置ビュー |
テーブルレイアウトでHTMLを出力します。 出力HTMLの外枠にDIV要素が配置されます。 |
ビュー編集 |
削除属性定義 (gcp=”item:start.remove”のvalue属性) |
テーブルセル中の子テーブルバある場合、ここに定義された属性は子テーブルHTMLから削除します。 ビュー編集タブ上でこの定義内容を編集し、削除対象を変更できます。 |
プリプロセス |
なし |
|
関連CSSセレクタ |
. gcpTrimTable01(クラスセレクタ) |
|
対応jQueryバージョン |
なし |
|
使用jQueryプラグイン |
なし |
入力HTML例 |
<div class="samples"> <table border="1"> <tr> <th width="218" class="time_ttl">開花時期</th> <th width="218" class="flowername_ttl">花名</th> <th width="218" class="time_ttl">開花時期</th> <th width="218" class="flowername_ttl">花名</th> <th width="218" class="time_ttl">開花時期</th> <th width="214" class="flowername_ttl">花名</th> </tr> <tr> <td class="time">4月</td> <td class="flowername">エイザンスミレ</td> <td class="time">5月</td> <td class="flowername">ゼラニウム</td> <td class="time">6月</td> <td class="flowername">コデマリ</td> </tr> <tr> <td class="time">4月</td> <td class="flowername">カラー</td> <td class="time">5月</td> <td class="flowername">バラ</td> <td class="time">6月</td> <td class="flowername">スズラン</td> </tr> <tr> <td class="time">4月</td> <td class="flowername">アヤメ</td> <td class="time">5月</td> <td class="flowername">キンラン</td> <td class="time">6月</td> <td class="flowername">ゼラニウム</td> </tr> </table> </div> |
|
---|---|---|
出力HTML例 |
<div class="gcpTrimTable01"> <table> <tbody> <tr> <th> <span class="text1">開花時期</span> </th> <th> <span class="text1">花名</span> </th> </tr> <tr> <td> <span class="text1">4月</span> </td> <td> <span class="text1">エイザンスミレ</span> </td> </tr> <tr> <td> <span class="text1">4月</span> </td> <td> <span class="text1">カラー</span> </td> </tr> <tr> <td> <span class="text1">4月</span> </td> <td> <span class="text1">アヤメ</span> </td> </tr> </tbody> </table> </div> |