With sticky header PreviewGet the code →With vertical lines PreviewGet the code →With condensed content PreviewGet the code →With sortable headings PreviewGet the code →With grouped rows PreviewGet the code →With summary rows PreviewGet the code →...
-- 顶部导航栏 --> <header class="sticky top-0 z-10 bg-white shadow"> <div class="flex items-center justify-between h-16 px-4"> <!-- 移动端菜单按钮 --> <button class="lg:hidden p-2 rounded-md hover:bg-gray-100"> <svg class="w-6 h-6" fill="none" stroke="currentColor" ...
table-footer-group display: table-footer-group; table-header-group display: table-header-group; table-row-group display: table-row-group; table-row display: table-row; flow-root display: flow-root; grid display: grid; inline-grid display: inline-grid; contents display: contents; list-item ...
table-cell display: table-cell; table-column display: table-column; table-column-group display: table-column-group; table-footer-group display: table-footer-group; table-header-group display: table-header-group; table-row-group display: table-row-group; table-row display: table-row; flow...
headercell:({context,props})=>({class:['text-left border border-solid border-gray-100 dark:border-blue-900/40 font-bold','transition duration-200',context?.size==='small'?'p-2':context?.size==='large'?'p-5':'p-3',// Sizecontext.sorted?'bg-blue-50 text-blue-700':'bg-slate...
initial-scale=1.0" /> <title>My Site</title> <link rel="stylesheet" href="css/style.css" /> <script src="js/alpine.js" defer></script> </head> <body class="bg-gray-50 font-sans flex flex-col min-h-screen"> <header class="sticky top-0 z-50"> <nav class="bg-white shadow...
Fine buttons Pie chart, Line chart, Bar chart Different types of table Authentication pages Light & Dark modes Sample pages Search option Widgets Google fonts In the box All demo images 12 HTML files JavaScript source files Library and plugin files ...
Delve into a curated collection of the most highly acclaimed and positively reviewed components, as voted by our community.
table-header-group display: table-header-group; table-row-group display: table-row-group; table-row display: table-row; flow-root display: flow-root; grid display: grid; inline-grid display: inline-grid; contents display: contents; list-item display: list-item; hidden display: none; Float...
//cdn.jsdelivr.net/npm/tailwindcss@2.2.16/dist/tailwind.min.css"rel="stylesheet"><title>Sticky NavBar using Tailwind CSS</title></head><bodyclass="bg-gray-100"><headerclass="bg-white fixed top-0 w-full shadow-md"><navclass="container mx-auto px-6 py-3"><divclass="flex justify-...