ホームページ > ウェブフロントエンド > htmlチュートリアル > Wicket DataTable html_html/css_WEB-ITnose のテーブル出力を調整する

Wicket DataTable html_html/css_WEB-ITnose のテーブル出力を調整する

WBOY
リリース: 2016-06-21 09:18:57
オリジナル
1231 人が閲覧しました

方法 1:

DefaultDataTable を継承し、独自の HTML テンプレートを提供します。

方法 2:

DefaultDataTable を継承し、コンストラクターに AttributeModifier を追加するため、HTML テンプレートを提供する必要はありません。テンプレートは DefaultDataTable.html から自動的に継承されます。

奇数、偶数について。つまり、テーブルはゼブラ効果を提供します。

@Override	protected Item<T> newRowItem(final String id, final int index, final IModel<T> model)	{		return new OddEvenItem<T>(id, index, model);	}		//OddEvenItem的内容:		@Override	protected void onComponentTag(ComponentTag tag)	{		super.onComponentTag(tag);		tag.put("class", (getIndex() % 2 == 0) ? CLASS_EVEN : CLASS_ODD);	}
ログイン後にコピー

DefaultDataTable の newRowItem メソッドをオーバーライドできます。 たとえば、purecss テーブルの場合、

@Override	protected void onComponentTag(ComponentTag tag)	{		super.onComponentTag(tag);		if (getIndex() % 2 != 0) {            	    tag.put("class", "pure-table-odd");		}			}
ログイン後にコピー

から継承する新しいクラスを作成できます。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート