Heim > Artikel > Web-Frontend > 调整wicket DataTable的表格输出html_html/css_WEB-ITnose
方法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"); } }