Timerix/paradox-save-parser-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AG Grid

Browse Source
This commit is contained in:
Altair-sh 2025-03-19 01:02:28 +05:00
parent 94582a522b
commit 330016c516
5 changed files with 1067 additions and 956 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1992
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@ -10,7 +10,10 @@
"format": "npx prettier src --write"
},
"dependencies": {
"ag-grid-community": "^33.1.1",
"ag-grid-react": "^33.1.1",
"next": "15.2",
"next-themes": "^0.4.6",
"react": "^19.0",
"react-dom": "^19.0"
},

1
src/app/globals.css
View File

@ -14,6 +14,7 @@ html,
body {
max-width: 100vw;
overflow-x: hidden;
padding: 10px;
}
@font-face {

2
src/app/layout.tsx
View File

@ -1,5 +1,6 @@
import type { Metadata } from 'next'
import './globals.css'
import { ModuleRegistry, AllCommunityModule } from 'ag-grid-community'
export const metadata: Metadata = {
title: 'Create Next App',
@ -11,6 +12,7 @@ export default function RootLayout({
}: Readonly<{
children: React.ReactNode
}>) {
ModuleRegistry.registerModules([AllCommunityModule])
return (
<html lang="en">
<head>

25
src/app/page.tsx
View File

@ -1,10 +1,29 @@
import Image from 'next/image'
'use client'
import { AgGridReact } from 'ag-grid-react'
import styles from './page.module.css'
import { AllCommunityModule, themeQuartz } from 'ag-grid-community'
import { useMemo } from 'react'
import { colorSchemeDark } from 'ag-grid-community'
import { useTheme } from 'next-themes'
export default function Home() {
const { theme } = useTheme()
const agTheme = useMemo(() => (theme === 'dark' ? themeQuartz.withPart(colorSchemeDark) : themeQuartz), [theme])
return (
<div className={styles.page}>
<p>Hiii :3</p>
<div className={styles.page} style={{ height: '500px' }}>
<AgGridReact
theme={agTheme}
modules={[AllCommunityModule]}
rowData={[
{ id: 1, col1: 'Hello', col2: 'AG Grid' },
{ id: 2, col1: 'Dark Mode', col2: 'Support' },
]}
columnDefs={[
{ field: 'col1', headerName: 'Column 1', filter: 'agTextColumnFilter' },
{ field: 'col2', headerName: 'Column 2' },
]}
/>
</div>
)
}