fix css columns responsive

This commit is contained in:
Mariela 2022-07-22 02:26:02 -06:00
parent 40ec94708b
commit 62cc5443e0
1 changed files with 6 additions and 6 deletions

View File

@ -221,12 +221,12 @@ const AdministradoresSistema = () => {
globalFilter={globalFilter} emptyMessage="No hay administradores del sistema registrados." globalFilter={globalFilter} emptyMessage="No hay administradores del sistema registrados."
> >
<Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column> <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
<Column field="name" sortable header="Nombre" style={{ flexGrow: 1, minWidth: '160px', maxWidth: '160px', wordBreak: 'break-word' }}></Column> <Column field="name" sortable header="Nombre" style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column field="last_name" sortable header="Apellidos" style={{ flexGrow: 1, minWidth: '160px', maxWidth: '160px', wordBreak: 'break-word' }} alignFrozen="left"></Column> <Column field="last_name" sortable header="Apellidos" style={{ flexGrow: 1,flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }} alignFrozen="left"></Column>
<Column field="dni" sortable header="Identificación" style={{ flexGrow: 1, minWidth: '160px', maxWidth: '160px', wordBreak: 'break-word' }}></Column> <Column field="dni" sortable header="Identificación" style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column field="email" sortable header="Correo electrónico" style={{ flexGrow: 1, minWidth: '200px', maxWidth: '200px', wordBreak: 'break-word' }}></Column> <Column field="email" sortable header="Correo electrónico" style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column field="phone" sortable header="Telefóno" style={{ flexGrow: 1, minWidth: '160px', maxWidth: '160px', wordBreak: 'break-word' }}></Column> <Column field="phone" sortable header="Telefóno" style={{ flexGrow: 1,flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column header="Acciones" style={{ minWidth: '60px', maxWidth: '60px' }} body={actionsAdmin}></Column> <Column header="Acciones" style={{ flexGrow: 1,flexBasis: '60px' }} body={actionsAdmin}></Column>
</DataTable> </DataTable>