Heim  >  Artikel  >  Web-Frontend  >  调整wicket DataTable的表格输出html_html/css_WEB-ITnose

调整wicket DataTable的表格输出html_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:18:571201Durchsuche

方法1:

继承DefaultDataTable,并且提供自己的html模板。

方法2:

继承DefaultDataTable,在构造函数中添加AttributeModifier,这样不用提供html模板,模板自动继承自DefaultDataTable.html

关于Odd,Even。也就是表格提供斑马效果,可以复写DefaultDataTable的newRowItem方法:

@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);	}

可以新建一个类继承自OddEvenItem,复写onComponentTag,比如对于purecss的table来说:

@Override	protected void onComponentTag(ComponentTag tag)	{		super.onComponentTag(tag);		if (getIndex() % 2 != 0) {            	    tag.put("class", "pure-table-odd");		}			}


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn