Create reusable Data Grid component

[mrvini]

It would be great to have a reusable Data Grid component, that could be populated by JSON data object, Each object in the array (object) would represent a row, allow to display only subset of the object (meaning define columns that are visible)

Features of the Data Grid desired:

• on mouse over highlight the row, may be a cell
• allow to highlight entire column
• allow for sortable columns
• on row click, allow to open new component modal, either for viewing all of the data or for editing it. Allow to pass callback to the component that would define what to do with the data upon some action OR allow editing in line (in this case only data allowed in the columns would be editable)
• allow for some of the columns to link to other screens
• allow for pagination (or load as you scroll)
• allow for search (global search on the data is also fine)
• allow to re-size/adjust columns width
• allow to display an image or special symbols in the cell
• if cells are editable, allow to display date picker to set the date
• if cells are editable, allow to disable certain columns

all that and more would be awesome data grid component

and example of data grid header would be the following to start

{
        "id" : {
            name : 'User Id',
            sortable : false,
            filterable : true,
        }
        "firstName" : {
            name: "First Name",
            sortable : true,
            filterable : true
        }

    }