ui-package--table-component-react

Introduction:

This package implements models.

Example:

import DefaultTable from 'ui-package--table-component-react'
import 'ui-package--table-component-react/src/Styles/SortComponent.scss'
import 'ui-package--table-component-react/src/Styles/TableComponent.scss'
 
const data = [
    {name: 'Alex', phone: '98234798234'},
    {name: 'Jimmy', phone: '09856745'},
    {name: 'Albert', phone: '02138366322132'},
    {name: 'Jone', phone: '76235464'},
    {name: 'Paul', phone: '627363'}
]
 
const builder = new TableBuilder()
const createColumnHeadFunc = () => (
  builder
    .getFactory()
    .addHeader('name')
    .addHeader('phone')
    .getHeaders()
)
const createColumnBodyFunc = () => (
  builder
    .getFactory()
    .addBody('name', entity.name)
    .addBody('phone', entity.phone)
    .getBodies()
)
builder.buildColumnManager(
  createColumnHeadFunc,
  createColumnBodyFunc
)
const table = builder.getTableFacade()

<DefaultTable
  entities={data}
  onSelectEntity={() => {}}
  table={table} />

Props:

Name	Type	Default	Description
table	TableFacadeAbstract	null	You can get its via TableBuilder
entities	Array	[]	You need input your data
createHeadColumns	Function	null	Should return array of ColumnHeadEntityInterface
createBodyColumns	Function<Object>	null	Should return array of ColumnBodyEntityInterface
onSelectEntity	Function<Object[], TableFacadeAbstract>
onSort	Function<String, TableFacadeAbstract>
onDoubleClick	Function<Event, Object, TableFacadeAbstract>
onClick	Function<Event, Object, TableFacadeAbstract>
onContextMenu	Function<Event, Object, TableFacadeAbstract>
comparison	Function<Object, Object>	(e, e2) => e === e2
className	String
loaded	Boolean		It need you if you use async
theme	String	table-component__theme_default