react-tb v1.0.1

react-tb

Made with create-react-library

Install

npm install --save react-tb

Usage Example

import { ReactTb } from 'react-tb'

class Example extends Component {
  render() {
    return <ReactTb
        columns={columns}
        data={data}
        noDataLabel='no data found!'
        isDraggable={true}
        onDragEnd={() => {}}
        columnKey={'id'}
      />
  }
}

Using Columns

columns are the array that defines the table columns to show the data like (firstname, lastname, ...etc).

columns example

const columns = [
  {
    name: "firstname", // column name will show in the header (accept html also)
    isHidden: false, // you can also hide or show the column by setting isHidden value
    body: (item) => {
      // you can use data with the specific column like item.whatever
      return <td></td> // you should always return jsx decorated by td tag
    }
  }
]

Table Props (required)

License

MIT © AlsiddigAhmed