0
409
VistasCoreUI DataTable ordena los valores por valores de columna específicos
En este momento, no muestra el resultado ordenado según el title . Quiero mostrar las filas por defecto en ascending .
Por favor échale un vistazo:
A continuación se muestra mi código:
const fields = [ { key: 'title', _classes: 'font-weight-bold' }, { key: 'category', _style: { width: '20%'} } ] <CDataTable items={list} fields={fields} columnFilter tableFilter={{ 'placeholder': 'Type something...'}} itemsPerPageSelect itemsPerPage={5} hover sorter pagination /> Nota: de la documentación : he intentado algo, es decir sorter={{'resetable': 'ascending'}} pero nada funciona para mí.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Hay dos puntos:
- Para ordenación descendente, debe establecer
asc:false - El valor de clasificación predeterminado debe pasar a la opción
sorterValueenCDataTable
Entonces, puedes probar esto:
<CDataTable items={list} fields={fields} columnFilter tableFilter={{ 'placeholder': 'Type something...'}} itemsPerPageSelect itemsPerPage={5} hover sorter sorterValue={{column: "title", asc: true}} pagination />
·
Juan Pablo Isaza
Denunciar
0
Así es como funciona para mí:
<CDataTable items={list} fields={fields} columnFilter tableFilter={{ 'placeholder': 'Type something...'}} itemsPerPageSelect itemsPerPage={5} hover sorter sorterValue={{column: "title", asc: true}} onSorterValueChange={(params) => { if (params.column === order.sorting.column && params.asc === order.sorting.asc) return; dispatch(actions.getOrders(.....)); dispatch(actions.sortingChanged(params)); }} pagination />Debe evitar la llamada de código cíclico asegurándose en onSorterValueChange() de que params.column y params.asc no sean iguales a lo que ya está configurado. Si es verdadero, regresa; de lo contrario, llame a su solicitud de API y cambie el estado con nuevos parámetros de clasificación.
·
Juan Pablo Isaza
Denunciar
Responde la pregunta