Merge pull request 'Add caption to the table' (#9) from guest-table-refinement into main
Reviewed-on: #9
This commit is contained in:
commit
36f8e63c4a
@ -9,7 +9,6 @@ import React, { useState, useEffect } from 'react';
|
|||||||
export default function Page() {
|
export default function Page() {
|
||||||
return (
|
return (
|
||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<h1 className={`${lusitana.className} text-2xl py-4`}>Groups</h1>
|
|
||||||
<AffinityGroupsTree />
|
<AffinityGroupsTree />
|
||||||
|
|
||||||
<h1 className={`${lusitana.className} text-2xl py-4`}>Guests</h1>
|
<h1 className={`${lusitana.className} text-2xl py-4`}>Guests</h1>
|
||||||
|
@ -29,8 +29,13 @@ export default function guestsTable() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg">
|
<div className="w-full relative overflow-x-auto shadow-md sm:rounded-lg">
|
||||||
<p className="py-3">There are {guests.length} guests in the list</p>
|
|
||||||
<table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
|
<table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
|
||||||
|
<caption className="p-5 text-lg font-semibold text-left rtl:text-right text-gray-900 bg-white dark:text-white dark:bg-gray-800">
|
||||||
|
Guests
|
||||||
|
<p className="mt-1 text-sm font-normal text-gray-500 dark:text-gray-400">
|
||||||
|
There are {guests.length} guests in the list
|
||||||
|
</p>
|
||||||
|
</caption>
|
||||||
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
|
<thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" className="px-6 py-3">
|
<th scope="col" className="px-6 py-3">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user