调整wicket DataTable的表格输出html

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


转载于:https://my.oschina.net/jianglibo/blog/363707

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值