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 クラス宣言にスペースを追加してみてください :

于 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 に答える