@polomac/p-table
v0.0.5
Published
#### Description Reusable table component for Vue #### Dependecies @polomac/p-table-row
Downloads
2
Readme
@polomac/p-table
Description
Reusable table component for Vue
Dependecies
@polomac/p-table-row
Instalation
npm i @polomac/p-table
Usage:
import PTable in component as usual:
import PTable from '@polomac/p-table/PTable';
.
.
.
components: {
PTable,
}
Props
header Array of String values representing table header cells.
items Array whose elements representing the row of the table, each. Elements of "items" arrays are also an arrays of string values. Each one corresponds with one table cell of the appropriate row. E.g.:
items: [
[ 'Yair Lamb', '[email protected]', 'orange' ],
[ 'Leonardo Payne', '[email protected]', 'blue' ],
[ 'Carl Henson', '[email protected]', 'brown' ],
[ 'Jensen Combs', '[email protected]', 'green' ],
[ 'Amiah Burton', '[email protected]', 'white' ],
[ 'Yaretzi Mayo', '[email protected]', 'red' ],
[ 'Kamren Huffman', '[email protected]', 'black' ]
],
- headerColor Text color of header cells
- headerBackground Background of header cells
- headerFontSize Font size of header cells
- color Text color of table row
- background Background of table row
- fontSize Font size of table body cells