blob: cbb8052bf68276097c36868cc12f94a4fb50d9e1 [file] [log] [blame]
<link rel="import" href="../../../../../third-party/polymer/polymer.html">
<polymer-element name="p2b-grid-column" grid-column attributes="label sortable key primary wrap flex minFlex priority">
<script>
Polymer('p2b-grid-column', {
/*
* Label text for the column
* @type {string}
*/
label: '',
/*
* number specifying how flexible the width of the column is
* compared to other columns. For instance for a grid with three columns
* flex values of 1, 3, 1. means the middle column needs to be three times
* as wide as the other two.
* Flex value of 0 means the column should not be displayed.
* Flex values for all the columns can add up to any value.
* @type {integer}
*/
flex: 1,
/*
* minimum Flex value that this column can be reduced to by the responsive data grid
* Defaults to 1 meaning column can be reduced to 1 flex as available space shrinks.
* @type {integer}
*/
minFlex: 1,
/*
* specifies the importance of this column. Responsive grid uses this number
* to decide which columns to reduce/hide when available space shrinks.
* Lower number means more important.
* @type {integer}
*/
priority: 1,
/*
* whether this column is sortable
* @type {boolean}
*/
sortable: false,
/*
* whether this the primary column of the grid.
* Normally there is a single column that other columns are dependents on
* @type {boolean}
*/
primary: false,
/*
* whether text inside the cells of this columns are allowed to wrap.
* @type {boolean}
*/
wrap: false,
/*
* Key that will be pass as sort.key to fetch() function of your data source.
* @type {string}
*/
key: ''
});
</script>
</polymer-element>