Responsive Layoutprobleme in NextJs mit Nextui und Tailwindcss: Tabelle, was zu Verkleinerung anderer Komponenten führt
Posted: 03 Mar 2025, 20:17
Ich arbeite an einem Projekt in NextJs mit NextUi und Tailwindcss. Ich habe einen Abschnitt, um die Verschiebungen anzuzeigen, die eine Tabelle und mehrere Filter enthält. Wenn ich die Tabelle entferne, sieht alles andere perfekt aus, aber wenn ich die Tabelle hinzufüge, erscheint alles kleiner, als ob sich alles an die Größe des Tisches anpasst und es schrecklich aussieht. Ich habe versucht, Überlauf-X-Auto und einige andere Dinge hinzuzufügen, aber nichts funktioniert. Die Idee ist, dass sich alles an die Größe des Geräts anpasst. < /P>
Code: Select all
Turnos
router.push('/dashboard/shifts/create')} variant="ghost" className="w-auto">
Nuevos turnos
setSelectedService(value)}
selectedKey={selectedService}
className="w-full md:w-2/3"
size="sm"
>
{services.map((service) => (
{service.name}
))}
setSelectedDate(date)}
value={selectedDate}
className="w-full md:w-auto"
size="sm"
/>
setStateFilter(e.target.value)}
size="sm"
isDisabled={!selectedService}
>
Todos
{states.map((state) => (
{state.name}
))}
}
>
{(column) => {column.label}}
{(item) => (
{(columnKey) => (
{item[columnKey]}
)}
)}