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

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

WBOY
WBOYオリジナル
2016-06-21 09:18:571244ブラウズ

方法 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");		}			}

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。