没有边框和列标题的<p:datatable>

Question

我需要一个没有边框和列标题的数据表。但我似乎无法摆脱列标题。下面是我的密码。

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">

Answer 1

可能尝试在css类声明中添加空间，如：..ui datatable .borderless，因为您的代码只有.borderless类，而不是..ui datatable.less

Answer 2

您可以通过重写css来解决这个问题，例如:删除列标题(也可以删除边框)。

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