0.0.5 • Published 5 years ago
@polomac/p-table v0.0.5
@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', 'yair.lamb@email.com', 'orange' ],
[ 'Leonardo Payne', 'leonardo.payne@email.com', 'blue' ],
[ 'Carl Henson', 'carl.henson@email.com', 'brown' ],
[ 'Jensen Combs', 'jensen.combs@email.com', 'green' ],
[ 'Amiah Burton', 'amiah.burton@email.com', 'white' ],
[ 'Yaretzi Mayo', 'yaretzi.mayo@email.com', 'red' ],
[ 'Kamren Huffman', 'kamren.huffman@email.com', '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