Reactstrap Core Tables

Pro Component

These tables where designed for tasks, carts and many more.

Description

We’ve made the following tables components using various reactstrap components, and Bootstrap classes and also some custom scss/css classes.

Example

Table1

Find out more details

Space individual	Team $39 Choose Plan	Growth $79 Choose Plan	Enterprise $99 Choose Plan
Community support
100+ Example Pages
50+ Section Examples
Multiple use		upon request
Custom messages
Multiple requests

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Table1 from "components/tables/Table1.js";

function Example() {
  return (
    <>
      <Table1 />
    </>
  );
}

export default Example;

Table2

The best solution you can choose

	Essential Get started Learn more	Premium Get started Learn more	Enterprise Get started Learn more
Pricing
Plan cost	Free	Contact us	Contact us
Platform fee	3%	5%	Contact us
Payment processing	5.5% + 5c	6.2% + 5c	Contact us
Features
Custom messages
Multiple requests
Team fundraising
Basic donor data

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Table2 from "components/tables/Table2.js";

function Example() {
  return (
    <>
      <Table2 />
    </>
  );
}

export default Example;

Table3

Project	Budget	Status	Completion
Argon Design System	$2500 USD	pending	60%
Angular Now UI Kit PRO	$1800 USD	completed	100%
Black Dashboard	$3150 USD	delayed	72%
React Material Dashboard	$4400 USD	on schedule	90%
Vue Paper UI Kit PRO	$2200 USD	completed	100%

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Table3 from "components/tables/Table3.js";

function Example() {
  return (
    <>
      <Table3 />
    </>
  );
}

export default Example;

Table4

Product Name	Type	Milestone	Qty	Price	Amount
Moleskine Agenda	Office	v1.2.0	25	€ 49	€ 1,225
Stabilo Pen	Office	v1.4.0	30	€ 10	€ 300
A4 Paper Pack	Office	v2.0.0	50	€ 10.99	€ 109
Apple iPad	Meeting	v1.5.0	10	€ 499.00	€ 4,990
Apple iPhone	Communication	v1.0.0	10	€ 599.00	€ 5,999
				Total	€ 35,999

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Table4 from "components/tables/Table4.js";

function Example() {
  return (
    <>
      <Table4 />
    </>
  );
}

export default Example;

Table5

Product	Color	Size	Price	Qty	Amount
Monaco bees natté jacket by Gucci	Blue	M	1,490	1	1,490
Patent-leather ankle boots by Prada	Black	41	1,985	2	3,890
Ophidia GG by Saint Laurent	Black	L	799	1	799
		Total	€7,346

import React from "react";

// reactstrap components
// import {
//
// } from "reactstrap";

// Core Components
import Table5 from "components/tables/Table5.js";

function Example() {
  return (
    <>
      <Table5 />
    </>
  );
}

export default Example;

Note

You should note, that none of the bellow components are dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.