@malmirawi/datagrid v0.3.0 — columns value mapping, reorder & visibility

New features

• Value mapping: accessor for read, bind/valueSetter for write.
• Reorder: drag & drop header cells (emit (reorder)).
• Visibility: toggle columns from a menu or programmatically (emit (visibility)).

Example

<sc-datagrid
  [data]="rows"
  [columns]="cols"
  [enableReorder]="true"
  [enableColumnMenu]="true"
  (reorder)="onReorder($event)"
  (visibility)="onVisibility($event)">
</sc-datagrid>

cols = [
  { field:'name',  title:'Name',  sortable:true, visible:true },
  { field:'price', title:'Price', sortable:true, width:120,
    accessor: r => r.priceSAR, bind: 'priceSAR' },
  { field:'tax',   title:'VAT 15%', accessor: r => r.priceSAR * 0.15, editable:false, visible:true }
];