Code: Select all
<DataTable ref={dt} value={tableData} paginator className="p-datatable-customers" rows={10} dataKey="acctgTransId"
emptyMessage={t('acc.trans.noAccountingTransactionFound')} loading={loading}
selectionMode="single" onSelectionChange={(e) => setSelectedItem(e.value)}
filters onFilter={onFilter} first={lazyParams.first} rows={lazyParams.rows} totalRecords={totalRecords} onPage={onPage}
rowsPerPageOptions={[10, 25, 50, 100]}
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords}" lazy onSort={onSort} sortField={lazyParams.sortField} sortOrder={lazyParams.sortOrder} resizableColumns columnResizeMode="fit" reorderableColumns showGridlines>
{/*style={{width:'20%'}}*/}
<Column field="acctgTransId" header={t('acc.trans.code')} style={{width: '70px'}} sortable body={bodyTemplate} filter filterElement={textFilter("acctgTransId", orderIdFilter)}/>
<Column field="acctgTransTypeEnumId" header={t('acc.trans.type')} sortable body={bodyTemplate} filter filterElement={textFilter("acctgTransTypeEnumId", orderIdFilter)}/>
<Column field="organizationPartyId" header={t('acc.trans.organizationPartyId')} sortable body={bodyTemplate} filter filterElement={textFilter("organizationPartyId", orderIdFilter)}/>
<Column field="isPosted" header={t('acc.trans.isPosted')} sortable body={bodyTemplate} filter filterElement={textFilter("isPosted", orderIdFilter)}/>
{/*<Column field="glJournalId" header={t('acc.trans.glJournalId')} sortable body={bodyTemplate} filter filterElement={textFilter("glJournalId", orderIdFilter)}/>*/}
<Column field="glFiscalTypeEnumId" header={t('acc.trans.glFiscalTypeEnumId')} sortable body={bodyTemplate} filter filterElement={textFilter("glFiscalTypeEnumId", orderIdFilter)}/>
<Column field="transactionDate" header={t('acc.trans.transactionDate')} sortable body={timeTemplate} filter filterElement={dateFilter("transactionDate", transactionDate)}/>
<Column field="amountUomId" header={t('acc.trans.amountUomId')} sortable body={bodyTemplate} filter filterElement={textFilter("amountUomId", orderIdFilter)}/>
<Column field="lastUpdatedStamp" header={t('acc.trans.lastUpdatedStamp')} sortable body={timeTemplate} filter filterElement={dateFilter("lastUpdatedStamp", lastUpdatedStamp)}/>
</DataTable>
How to set size of filter (Primefaces React v6.x)?