0

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

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

2 回答 2

1

也许尝试像这样在你的css类声明中添加空间： .ui-datatable .borderless 因为你的代码只有 .borderless 类而不是 .ui-datatable.borderless

于 2013-05-27T07:26:53.297 回答
0

您可以通过覆盖 css 来解决这个问题，例如：删除列标题（也删除边框）

<style type="text/css">
                #full_path\:datatable_attributes thead{
                    display:none !important;  
                }
            </style>
于 2013-05-27T08:37:56.407 回答