<p:datatable>无边框和列标题

我需要一个无边框和列标题的数据表。但我似乎无法摆脱列标题。以下是我的代码。<p:datatable>无边框和列标题

CSS

.ui-datatable.borderless .ui-datatable-data tr, 
.ui-datatable.borderless .ui-datatable-data-empty tr, 
.ui-datatable.borderless .ui-datatable-data td, 
.ui-datatable.borderless .ui-datatable-data-empty td 
.ui-datatable.borderless .ui-datatable-data th { 
    border-style: none; 
    padding: 0; 
}

XHTML

<p:dataTable border="0" cellpadding="0" cellspacing="0" 
    styleClass="borderless" id="datatable_attributes" 
    value="#{pc_Cr1002.w_currency.att_list}" var="varatt_list"> 
</p:datatable>

HTML

<div id="datatable_attributes" class="ui-datatable ui-widget borderless"> 
     <div class="ui-datatable-tablewrapper"><table role="grid"> 
     <thead id="datatable_attributes_head"><tr role="row"> 
     <th id="datatable_attributes:att_col1" class="ui-state-default" role="columnheader"><span></span></th><th id="datatable_attributes:att_col2" class="ui-state-default" role="columnheader"><span></span></th><th id="datatable_attributes:att_col4" class="ui-state-default" role="columnheader" style="width:20px"><span></span></th><th id="datatable_attributes:att_col3" class="ui-state-default" role="columnheader"><span></span></th></tr></thead><tfoot></tfoot><tbody id="datatable_attributes_data" class="ui-datatable-data ui-widget-content"><tr data-ri="0" class="ui-widget-content ui-datatable-even" role="row">

来源

2013-05-27 hahagal

你能分享生成的html吗？ –

@Mr。外星人，我编辑了我的帖子。请参阅html – hahagal

也许尝试在你的CSS添加C空间lasses声明是这样的： 的.ui-数据表.borderless 因为如下因素代码只有.borderless类不的.ui-datatable.borderless

来源

2013-05-27 07:26:53 sylwia

嗨，谢谢你的回复。但我不认为这是问题。（： – hahagal

可以解决通过重写CSS，例如：删除列标题（也删除边框）

<style type="text/css"> 
       #full_path\:datatable_attributes thead{ 
        display:none !important; 
       } 
      </style>

来源

2013-05-27 08:37:56

嗨，感谢您的回复，但是仍然无法正常工作 – hahagal

@hahagal在我的项目中工作正常，您应该发布您尝试过的代码。 –

<p:datatable>无边框和列标题

回答

相关问题