{"_id":"@donkagunila/ornate-table","name":"@donkagunila/ornate-table","dist-tags":{"latest":"1.1.3-alpha.0"},"versions":{"1.1.3-alpha.0":{"name":"@donkagunila/ornate-table","version":"1.1.3-alpha.0","description":"React Component for displaying data in a table","scripts":{"format":"prettier --write --parser typescript '**/*.{ts,tsx}'","lint":"eslint . --ext .ts,.tsx --ignore-path .gitignore --fix","build":"tsc && vite build","test":"vitest run","test-watch":"vitest","test:ui":"vitest --ui","storybook":"storybook dev -p 6006","build-storybook":"storybook build","prepare":"npm run build"},"type":"module","main":"dist/index.cjs.js","module":"dist/index.es.js","types":"dist/index.d.ts","keywords":["react table","table","datatable","ornate","editable","sort","format","resizable","list","scrollable","json","react"],"devDependencies":{"@storybook/addon-essentials":"^7.4.1","@storybook/addon-interactions":"^7.4.1","@storybook/addon-links":"^7.4.1","@storybook/addon-onboarding":"^1.0.8","@storybook/blocks":"^7.4.1","@storybook/react":"^7.4.1","@storybook/react-vite":"^7.4.1","@storybook/testing-library":"^0.2.0","@testing-library/jest-dom":"^6.1.3","@testing-library/react":"^14.0.0","@types/react":"^18.2.21","@typescript-eslint/eslint-plugin":"^6.7.0","@typescript-eslint/parser":"^6.7.0","autoprefixer":"^10.4.17","eslint":"^8.49.0","eslint-config-prettier":"^9.0.0","eslint-plugin-prettier":"^5.0.0","eslint-plugin-react":"^7.33.2","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-storybook":"^0.6.13","husky":"^8.0.3","jsdom":"^22.1.0","lint-staged":"^14.0.1","postcss":"^8.4.35","prettier":"^3.0.3","react":"^18.2.0","react-dom":"^18.2.0","storybook":"^7.4.1","styled-components":"^6.0.7","tailwind-merge":"^2.2.1","tailwindcss":"^3.4.1","typescript":"^5.2.2","vite":"^4.4.9","vite-plugin-dts":"^3.5.3","vitest":"^0.34.4"},"peerDependencies":{"react":"^18.2.0"},"lint-staged":{"*.{ts,tsx}":["npm run format","npm run lint"]},"repository":{"type":"git","url":"git+https://github.com/donkagunila/ornate-table.git"},"_id":"@donkagunila/ornate-table@1.1.3-alpha.0","gitHead":"0cf155ca11cd36b063883ae3d708d09c480fe893","bugs":{"url":"https://github.com/donkagunila/ornate-table/issues"},"homepage":"https://github.com/donkagunila/ornate-table#readme","_nodeVersion":"18.19.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-jb287tR0N+incML5e7evbgYmLAXly348v2Ea2wKKmJJg23uhN5lMznAIQPEpJf6PmClXOYodfAt4ZU98Nk/IvQ==","shasum":"0c7a6fcb81d9334f67756cf0e89d71a92d9be067","tarball":"https://registry.npmjs.org/@donkagunila/ornate-table/-/ornate-table-1.1.3-alpha.0.tgz","fileCount":18,"unpackedSize":514850,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEwjYS5gmOKqCr2odoWDbQldtC89kDNwTz7nRL9y0ruEAiAjAMbJC7qojMcSny6CMh1i8XxAEM1+nD1dp0Np1olpUQ=="}]},"_npmUser":{"name":"donkagunila","email":"donkagunila@gmail.com"},"directories":{},"maintainers":[{"name":"donkagunila","email":"donkagunila@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ornate-table_1.1.3-alpha.0_1709907972388_0.6045691015135426"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-08T14:26:12.305Z","1.1.3-alpha.0":"2024-03-08T14:26:12.599Z","modified":"2024-03-08T14:26:13.137Z"},"maintainers":[{"name":"donkagunila","email":"donkagunila@gmail.com"}],"description":"React Component for displaying data in a table","homepage":"https://github.com/donkagunila/ornate-table#readme","keywords":["react table","table","datatable","ornate","editable","sort","format","resizable","list","scrollable","json","react"],"repository":{"type":"git","url":"git+https://github.com/donkagunila/ornate-table.git"},"bugs":{"url":"https://github.com/donkagunila/ornate-table/issues"},"readme":"\n# Ornate Table\n\nCreate visually captivating and interactive tables effortlessly in your React projects.\n\n## Key Features:\n\n**Simple API:** Build tables with minimal code, focusing on data and customization.\n\n**Rich Interactivity:** Implement sorting, filtering, pagination, row selection, and more.\n\n**Themes & Customization:** Easily style tables with built-in themes or create your own.\n\n**Accessibility:** Ensure your tables are inclusive and usable for everyone.\n\n**Mobile-Friendly:** Deliver optimized table experiences across devices.\n\n**Lightweight:** Maintain optimal performance with a small bundle size.\n\n\n## Usage\n\n**Installation:** \n\nTo get Ornate Table via the NPM package manager, open a terminal in your project directory and run the following command:\n\n```bash\n  npm install ornate-tables\n```\n\n**Basic Usage:**\n\n**1. Import the library:**\n```javascript\n  import { OrnateTable } from 'ornate-tables';\n```\n\n**2. Prepare your data:**\n```javascript\n  const data = [\n    { name: 'Donald', age: 12, city: 'Iringa' },\n    { name: 'Fredrick', age: 9, city: 'Arusha' },\n    { name: 'Peter', age: 5, city: 'Arusha' }\n    { name: 'Paul', age: 5, city: 'Dar es Salaam' }\n  ];\n```\n\n**3. Define your columns:**\n```javascript\n  const columns = [\n    { name: 'Name', field: 'name' },\n    { name: 'Age', field: 'age', sortable: true },\n    { name: 'City', field: 'city' }\n  ];\n```\n\n**4. Render the table:**\n```javascript\n<OrnateTable data={data} columns={columns} />\n```\n\n## Authors\n\n- [@donkagunila](https://www.github.com/donkagunila)\n\n\n## License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n","readmeFilename":"README.md"}