https://www.simple-table.com/_next/static/chunks/07~oizu~0g~m_.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,261427,e=>{"use strict";var i=e.i(61755),t=e.i(244638),n=e.i(292813),s=e.i(624910),o=e.i(185613),l=e.i(813604);e.s(["default",0,function(){return(0,i.jsxs)(o.motion.section,{className:"mb-16",initial:{opacity:0},whileInView:{opacity:1},transition:{duration:.8},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"text-center mb-12",children:[(0,i.jsx)(o.motion.div,{className:"inline-flex items-center gap-2 mb-4",initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:(0,i.jsx)(t.FontAwesomeIcon,{icon:n.faTable,className:"text-muted text-2xl"})}),(0,i.jsx)("h2",{className:"text-3xl md:text-4xl font-bold mb-4 text-ink",children:"Full-Featured Data Grid Component"}),(0,i.jsx)("p",{className:"text-lg text-muted max-w-3xl mx-auto",children:"30+ features in the box, so you can stop gluing libraries together."})]}),(0,i.jsxs)("div",{className:"mb-16",children:[(0,i.jsx)("h3",{className:"text-2xl font-bold mb-6 text-ink",children:"Core Data Grid Features"}),(0,i.jsx)("p",{className:"text-muted mb-6",children:"Get started with essential data grid functions out of the box. Simple Table provides all the tools you need to render, navigate, and interact with data."}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 lg:grid-cols-3 gap-4",children:[{icon:n.faColumns,text:"Column Sorting & Filtering",link:"/docs/column-sorting"},{icon:n.faEdit,text:"In-line Cell Editing",link:"/docs/cell-editing"},{icon:n.faBolt,text:"Live Data Updates",link:"/docs/live-updates"},{icon:n.faCalculator,text:"Aggregate Functions",link:"/docs/aggregate-functions"},{icon:n.faFileCsv,text:"CSV Export",link:"/docs/csv-export"},{icon:n.faLayerGroup,text:"Row Grouping",link:"/docs/row-grouping"},{icon:n.faTableCells,text:"Pivot Tables",link:"/docs/pivot"},{icon:n.faCheckSquare,text:"Row Selection",link:"/docs/row-selection"},{icon:n.faPager,text:"Pagination",link:"/docs/pagination"},{icon:n.faInfinity,text:"Infinite Scroll",link:"/docs/infinite-scroll"}].map((e,n)=>(0,i.jsx)(s.default,{href:e.link,children:(0,i.jsxs)(o.motion.div,{className:"flex items-center gap-3 p-4 bg-surface rounded-lg border border-line transition-colors cursor-pointer",initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},transition:{delay:.05*n},viewport:{once:!0},children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:e.icon,className:"text-muted text-lg"}),(0,i.jsx)("span",{className:"text-ink",children:e.text})]})},n))})]}),(0,i.jsxs)(o.motion.div,{className:"mb-16",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:n.faColumns,className:"text-muted text-2xl"}),(0,i.jsx)("h3",{className:"text-2xl font-bold text-ink",children:"Advanced Column Management"})]}),(0,i.jsx)("p",{className:"text-muted mb-6",children:"Complete control over your columns. Resize, reorder, pin, hide, and customize columns with intuitive drag-and-drop controls."}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 gap-4",children:[{icon:n.faLeftRight,title:"Column Resizing",desc:"Adjust widths with min/max constraints",link:"/docs/column-resizing"},{icon:n.faArrowRightArrowLeft,title:"Drag & Drop Reordering",desc:"Smooth animations and intuitive UX",link:"/docs/column-reordering"},{icon:n.faThumbtack,title:"Pin to Left/Right",desc:"Lock important columns while scrolling",link:"/docs/column-pinning"},{icon:n.faEye,title:"Show/Hide Columns",desc:"Dynamic visibility with state management",link:"/docs/column-visibility"},{icon:n.faAlignCenter,title:"Content Alignment",desc:"Left, center, or right alignment",link:"/docs/column-alignment"},{icon:n.faLayerGroup,title:"Nested Headers",desc:"Hierarchical column structures",link:"/docs/nested-headers"}].map((e,n)=>(0,i.jsx)(s.default,{href:e.link,children:(0,i.jsx)(o.motion.div,{className:"p-4 bg-surface rounded-lg border border-line cursor-pointer",initial:{opacity:0}

1,whileInView:{opacity:1},transition:{delay:.1*n},viewport:{once:!0},children:(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:e.icon,className:"text-muted text-xl mt-1"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:"font-semibold text-ink mb-1",children:e.title}),(0,i.jsx)("p",{className:"text-sm text-muted",children:e.desc})]})]})})},n))})]}),(0,i.jsxs)(o.motion.div,{className:"mb-16",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:n.faPalette,className:"text-muted text-2xl"}),(0,i.jsx)("h3",{className:"text-2xl font-bold text-ink",children:"Customizable Style & Theming"})]}),(0,i.jsx)("p",{className:"text-muted mb-6",children:"Build the exact interface you need. Add custom components, adjust theming, or create entirely custom control panels that fit your workflow."}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 gap-4",children:[{icon:n.faPalette,title:"Multiple Built-in Themes",desc:"Professional themes ready to use",link:"/docs/themes"},{icon:n.faCode,title:"CSS Variable Customization",desc:"Adjust colors and spacing to your brand",link:"/docs/custom-theme"},{icon:n.faIcons,title:"Custom Icons",desc:"Replace default icons with your own",link:"/docs/custom-icons"},{icon:n.faTableCells,title:"Custom Cell Renderers",desc:"Full control over cell display",link:"/docs/cell-renderer"},{icon:n.faCode,title:"Header Renderers",desc:"Customize column headers",link:"/docs/header-renderer"},{icon:n.faPuzzlePiece,title:"Theme Builder Tool",desc:"Visual theme customization",link:"/theme-builder"},{icon:n.faWandMagicSparkles,title:"Animations",desc:"Smooth transitions on sort, reorder, and visibility changes",link:"/docs/animations"}].map((e,n)=>(0,i.jsx)(s.default,{href:e.link,children:(0,i.jsx)(o.motion.div,{className:"p-4 bg-surface rounded-lg border border-line cursor-pointer",initial:{opacity:0}

1,whileInView:{opacity:1},transition:{delay:.1*n},viewport:{once:!0},children:(0,i.jsxs)("div",{className:"flex items-start gap-3",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:e.icon,className:"text-muted text-xl mt-1"}),(0,i.jsxs)("div",{children:[(0,i.jsx)("h4",{className:"font-semibold text-ink mb-1",children:e.title}),(0,i.jsx)("p",{className:"text-sm text-muted",children:e.desc})]})]})})},n))})]}),(0,i.jsxs)(o.motion.div,{className:"mb-16",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:n.faBolt,className:"text-muted text-2xl"}),(0,i.jsx)("h3",{className:"text-2xl font-bold text-ink",children:"High Performance Data Grid"})]}),(0,i.jsx)("p",{className:"text-muted mb-6",children:"Handle large datasets without the lag. Optimized rendering ensures smooth scrolling and fast loading, even with thousands of rows."}),(0,i.jsx)("div",{className:"grid md:grid-cols-3 gap-6",children:[{icon:n.faGaugeHigh,title:"Virtual Scrolling",desc:"Renders only visible rows for optimal performance"},{icon:n.faFileCode,title:"Tiny Bundle Size",desc:`Only ${l.SIMPLE_TABLE_INFO.bundleSizeMinGzip} - won't bloat your app`},{icon:n.faBolt,title:"Fast Rendering",desc:"Optimized for large datasets"}].map((e,n)=>(0,i.jsxs)(o.motion.div,{className:"p-4 sm:p-5 lg:p-6 bg-surface rounded-lg border border-line text-center",initial:{opacity:0}

1,whileInView:{opacity:1},transition:{delay:.1*n},viewport:{once:!0},children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:e.icon,className:"text-muted text-3xl mb-3"}),(0,i.jsx)("h4",{className:"font-semibold text-ink mb-2",children:e.title}),(0,i.jsx)("p",{className:"text-sm text-muted",children:e.desc})]},n))})]}),(0,i.jsxs)(o.motion.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0},children:[(0,i.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:n.faMobileAlt,className:"text-muted text-2xl"}),(0,i.jsx)("h3",{className:"text-2xl font-bold text-ink",children:"Responsive & Mobile-Optimized"})]}),(0,i.jsx)("p",{className:"text-muted mb-6",children:"Works seamlessly across all devices and screen sizes. Your data grids look professional whether users are on desktop, tablet, or mobile."}),(0,i.jsx)("div",{className:"grid md:grid-cols-2 gap-4",children:[{icon:n.faMobileAlt,text:"Mobile-first responsive design"},{icon:n.faTable,text:"Touch-friendly interactions"}].map((e,n)=>(0,i.jsxs)("div",{className:"flex items-center gap-3 p-4 bg-surface rounded-lg border border-line",children:[(0,i.jsx)(t.FontAwesomeIcon,{icon:e.icon,className:"text-muted text-lg"}),(0,i.jsx)("span",{className:"text-ink",children:e.text})]},n))})]})]})}])},18782,e=>{e.n(e.i(261427))}]);