¿Cómo paginar en react usando inertia en laravel ?
tirando de los datos paginados:
$contacts = Contact::orderBy('name', 'asc')->paginate(10); return Inertia::render('Contacts/index', [ 'contacts' => $contacts ]); Sé cómo representar los enlaces en la blade ( {{ $contacts->links() }} ), pero ¿hay alguna manera de hacerlo así por inertia o necesito crear mi propio componente para los enlaces de paginación?
La forma más fácil es crear su propio componente con los enlaces (aún están ahí)
Este es un ejemplo en vue, pero debería ser fácil de portar para reaccionar:
<template> <div> <div class="flex flex-wrap -mb-1"> <template v-for="(link, key) in links" :key="key"> <div v-if="link.url === null" class="mr-1 mb-1 px-4 py-3 text-sm leading-4 text-gray-400 border rounded" v-html="link.label" /> <inertia-link v-else class="mr-1 mb-1 px-4 py-3 text-sm leading-4 border rounded hover:bg-white focus:border-indigo-500 focus:text-indigo-500" :class="{ 'bg-blue-700 text-white': link.active }" :href="link.url" v-html="link.label" /> </template> </div> </div> </template> <script> export default { props: { links: Array }, } </script>Puede probar esto para obtener un mejor resultado para reaccionar: -
import DataTable from "react-data-table-component"; <DataTable style={{ background: "transparent" }} title="User" columns={columns} data={allData} defaultSortFieldId={1} sortIcon={<ArrowUpwardIcon />} pagination />