Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    [Primereact] Attributi custom in column

    ciao!

    sto usando un template di primereact con i vari componenti annessi.
    questa è la mia datatable:
    codice:
    <DataTable value={preventivi}
                showGridlines
                stripedRows
                paginator
                className="p-datatable-customers no-more-tables"
                rows={10}
                rowsPerPageOptions={[10, 20, 50, preventivi.length]}
                emptyMessage="Nessun elemento trovato"
                dataKey="prev_id"
                filters={filters}
                filterDisplay="menu"
                loading={loading}
                globalFilterFields={[
                'prev_numero',
                'prev_operazione',
                'cliente.ag_agenzia',
                'cliente.ag_cod',
                'cliente.ag_nome',
                'cliente.ag_cognome',
                'cliente.ag_provenienza',
                'prev_utente'
                ]}
                header={header}
                stateStorage="session"
                stateKey="tbl_prev"
                size="small">
    
    
        <Column field="prev_numero" header="Numero"/>
        <Column field="prev_operazione" header="Operazione" body={opTpl}/>
        <Column field="cliente.ag_agenzia" header="Agenzia"/>
        <Column field="cliente.ag_nome" header="Nome"/>
        <Column field="cliente.ag_cognome" header="Cognome"/>
        <Column field="cliente.ag_provenienza" header="Provenienza"/>
        <Column field="cliente.ag_disabili" header="Disabili" body={disabiliTpl}/>
        <Column field="prev_data_scadenza" header="Data scadenza" body={dataAccTpl}/>
        <Column field="prev_is_accettato" header="Stato" body={accettatoTpl}/>
        <Column field="prev_utente" header="Utente" style={{'fontSize': '10px'}}/>
        <Column field="prev_id" header="" body={dtlTpl} style={{width: '12em'}}/>
    </DataTable>
    quello che vorrei fare è aggiungere un attributo custom a Column.
    nello specifico data-title.
    avete qualche idea??

  2. #2
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    Quote Originariamente inviata da fermat Visualizza il messaggio
    ciao!

    sto usando un template di primereact con i vari componenti annessi.
    questa è la mia datatable:
    codice:
    <DataTable value={preventivi}
                showGridlines
                stripedRows
                paginator
                className="p-datatable-customers no-more-tables"
                rows={10}
                rowsPerPageOptions={[10, 20, 50, preventivi.length]}
                emptyMessage="Nessun elemento trovato"
                dataKey="prev_id"
                filters={filters}
                filterDisplay="menu"
                loading={loading}
                globalFilterFields={[
                'prev_numero',
                'prev_operazione',
                'cliente.ag_agenzia',
                'cliente.ag_cod',
                'cliente.ag_nome',
                'cliente.ag_cognome',
                'cliente.ag_provenienza',
                'prev_utente'
                ]}
                header={header}
                stateStorage="session"
                stateKey="tbl_prev"
                size="small">
    
    
        <Column field="prev_numero" header="Numero"/>
        <Column field="prev_operazione" header="Operazione" body={opTpl}/>
        <Column field="cliente.ag_agenzia" header="Agenzia"/>
        <Column field="cliente.ag_nome" header="Nome"/>
        <Column field="cliente.ag_cognome" header="Cognome"/>
        <Column field="cliente.ag_provenienza" header="Provenienza"/>
        <Column field="cliente.ag_disabili" header="Disabili" body={disabiliTpl}/>
        <Column field="prev_data_scadenza" header="Data scadenza" body={dataAccTpl}/>
        <Column field="prev_is_accettato" header="Stato" body={accettatoTpl}/>
        <Column field="prev_utente" header="Utente" style={{'fontSize': '10px'}}/>
        <Column field="prev_id" header="" body={dtlTpl} style={{width: '12em'}}/>
    </DataTable>
    quello che vorrei fare è aggiungere un attributo custom a Column.
    nello specifico data-title.
    avete qualche idea??
    non so cosa vuoi fare ma forse questo ti aiuta

    https://primereact.org/datatable/#ap...Table.props.pt
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  3. #3
    Quote Originariamente inviata da ciro78 Visualizza il messaggio
    non so cosa vuoi fare ma forse questo ti aiuta

    https://primereact.org/datatable/#ap...Table.props.pt
    ciao!

    eh già avevo visto quel link!
    in sostanza devo aggiungere l'attributo data-title alle celle.
    ad esempio:
    codice:
    <td data-title="Numero">10</td>
    solo che non posso mettere data-title direttamente dentro Column.
    eh non ho trovato nulla al riguardo!

  4. #4
    Moderatore di Javascript L'avatar di ciro78
    Registrato dal
    Sep 2000
    residenza
    Napoli
    Messaggi
    8,514
    Quote Originariamente inviata da fermat Visualizza il messaggio
    ciao!

    eh già avevo visto quel link!
    in sostanza devo aggiungere l'attributo data-title alle celle.
    ad esempio:
    codice:
    <td data-title="Numero">10</td>
    solo che non posso mettere data-title direttamente dentro Column.
    eh non ho trovato nulla al riguardo!
    Ma props dovrebbe servire a quello
    Ciro Marotta - Programmatore JAVA - PHP
    Preferisco un fallimento alle mie condizioni che un successo alle condizioni altrui.


  5. #5
    Quote Originariamente inviata da ciro78 Visualizza il messaggio
    Ma props dovrebbe servire a quello
    può essere che non abbia capito io eh, ma li sono listate tutte le props ammesse.
    non mi sembra ci sia la possibilità di aggiungere quelle che voglio io.

    facendo così non funziona, nel senso che il data-title non viene aggiunto:
    codice:
    <Column field="prev_numero" header="Numero" data-title="Numero"/>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.