column-table

Table component with defininig table content column by column

Install

# npm
npm install column-table

# yarn
yarn add column-table

API

Table of Contents

• ColumnTableOptions
  • Properties
• ColumnTableOptions
  • Properties
• ColumnTable
  • Properties
  • Examples

ColumnTableOptions

Options for ColumnTable

Type: Object

Properties

• columns Array<ColumnTableOptions> Table columns
• items Array Table items (rows)
• classNames string Class names for <table>
• rowClassNames function (item: any, index: number): string Class names for <tr>
• resolver function (column: any) Resolver function for overriding default column resolver

ColumnTableOptions

Column definition

Type: Object

Properties

• titleClassNames string Class names for <th>
• dataClassNames (string | function) Class names for <td>
• title any Definition of column title
• data any Definition of column data
• onClick function Click handler for data
• buttonText function Text for button
• buttonClassNames function Class names for button
• disabled function Disabled state for button
• iconClassNames string Class names for button icon

ColumnTable

Table component with defininig table content column by column

Properties

• options ColumnTableOptions

Examples

{% import ColumnTable from 'column-table' %}
  ...
  <ColumnTable/>
  ...