react-common-table-component

React Common Table Component

Installation

To install the package, run the following command:

npm install react-common-table-component



## Basic Example

```javascript
import React, { useState } from 'react';
import { Text } from 'react-native';
import CommonTable from 'react-common-table-component';

const YourComponent = () => {
  // Sample data; replace with your own data fetching logic
  const [alldata, setAlldata] = useState([]);

  // Define columns for the table
  const columns = [
    { key: 'id', label: 'ID' },
    { key: 'name', label: 'Name' },
    { key: 'email', label: 'Email' },
  ];

  // Pagination information
  const currentPage = 1;
  const totalItems = 100;
  const itemsPerPage = 10;

  // Handler for row deletion
  const handleDelete = (id) => {
    // Logic for deleting a row
    console.log(`Deleted row with ID: ${id}`);
  };

  // Handler for page change
  const handlePageChange = (page) => {
    // Logic for handling page change
    console.log(`Page changed to: ${page}`);
  };

  return (
    <>
      {alldata.length > 0 ? (
        <CommonTable
          data={alldata}
          columns={columns}
          onAction={handleDelete}
          currentPage={currentPage}
          totalItems={totalItems}
          itemsPerPage={itemsPerPage}
          onPageChange={handlePageChange}
          ActionIcon="trash-o"
        />
      ) : (
        <Text style={{ textAlign: 'center', marginTop: 20, color: 'red' }}>
          No data found
        </Text>
      )}
    </>
  );
};

export default YourComponent;