rnctable

Lightweight and customizable React Native component for creating tables in your mobile applications.

Installation

You can install rnctable via npm or yarn:

npm install rnctable

or

yarn add rnctable

Usage

import React from 'react';
import { View } from 'react-native';
import RNCTable from 'rnctable';

const MyComponent = () => {
  return (
    <View style={{ flex: 1 }}>
      <RNCTable
        datasource={[]} // Data Array which should be rendered in the Table
        loading={false} // If false, it will show loading
        cols={[]} // Array defining the columns and data shown in table rows
      />
    </View>
  );
};

export default MyComponent;

Props

| Name | Type | Default | Description | | ------------ | -------------------------------------------------------- | ------- | ----------------------------------------------------------- | | datasource | any[] | [] | Data Array which should be rendered in the Table. | | loading | boolean | false | If false, it will show loading. | | cols | Array<{ key: string, label: string, displayField: (row: any) => JSX.Element }> | [] | Array defining the columns and data shown in table rows. |

Creator

This package was created by Basit Ahmed.

License

This project is licensed under the MIT License - see the LICENSE file for details.