https://github.com/komarovalexander/ka-table

Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more
https://github.com/komarovalexander/ka-table

component datagrid datatable grid javascript js react table ts typescript ui-components widget

Last synced: about 2 months ago
JSON representation

Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more

• Host: GitHub
• URL: https://github.com/komarovalexander/ka-table
• Owner: komarovalexander
• License: mit
• Created: 2019-09-25T18:21:49.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-30T20:27:03.000Z (2 months ago)
• Last Synced: 2024-10-20T14:18:59.644Z (about 2 months ago)
• Topics: component, datagrid, datatable, grid, javascript, js, react, table, ts, typescript, ui-components, widget
• Language: TypeScript
• Homepage: http://ka-table.com
• Size: 52 MB
• Stars: 776
• Watchers: 10
• Forks: 57
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome - komarovalexander/ka-table - Lightweight MIT React Table component with Sorting, Filtering, Grouping, Virtualization, Editing and many more (TypeScript)
• awesome-react-components - ka-table - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. (UI Components / Table)
• awesome-react - ka-table - Customizable table component with sorting, filtering, grouping, virtualization, editing etc.  (UI Components / Table)
• awesome-react-components - ka-table - [demo](https://komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. (UI Components / Table)
• best-of-react - GitHub - 5% open · ⏱️ 18.05.2024): (Data Tables & Grids)
• fucking-awesome-react-components - ka-table - 🌎 [demo](komarovalexander.github.io/ka-table/#/overview) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. (UI Components / Table)
• awesome-react-components - ka-table - [demo](https://komarovalexander.github.io/ka-table/#/command-column) - Customizable table component with sorting, filtering, grouping, virtualization, editing etc. 🆕 (UI Components / Table)

README

        
The customizable, extendable, lightweight, and fully free React Table Component

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/komarovalexander/ka-table/blob/master/LICENSE)

[![npm version](https://img.shields.io/npm/v/ka-table.svg?style=flat-square)](https://www.npmjs.com/package/ka-table)

[![Coverage Status](https://coveralls.io/repos/github/komarovalexander/ka-table/badge.svg?branch=master&service=github)](https://coveralls.io/github/komarovalexander/ka-table?branch=master&service=github)



[Site](http://ka-table.com) | [Demos](https://komarovalexander.github.io/ka-table/#/overview) | [Docs](http://ka-table.com/docs_get_started.html)

![Table](https://komarovalexander.github.io/ka-table/static/demos-screenshots/delete-row.png)

[Demo link](https://komarovalexander.github.io/ka-table/#/delete-row)

## Installation

npm

```sh

npm install ka-table

```

yarn

```sh

yarn add ka-table

```

## Usage

### Basic example

```js

import 'ka-table/style.css';

import React from 'react';

import { Table } from 'ka-table';

import { DataType, EditingMode, SortingMode } from 'ka-table/enums';

const dataArray = Array(10)

  .fill(undefined)

  .map((_, index) => ({

    column1: `column:1 row:${index}`,

    column2: `column:2 row:${index}`,

    column3: `column:3 row:${index}`,

    column4: `column:4 row:${index}`,

    id: index,

  }));

const OverviewDemo = () => {

  return (

    

  );

};

export default OverviewDemo;

```

[Example link](https://komarovalexander.github.io/ka-table/#/overview)