permission table project

I want permission table were you can select multiple permission types in a table. You can use HTML, CSS, BOOTSTRAP & JQuery only. Column names are static, but data should be dynamic. Each column should have a select all check box and each row also should have check box to select.

the JSON will be. types will be change because it will be defined in backend.

var obj = [
{
"WidgetID": 1,
"types": "User Create",
"data": {
'Administrator': true,
'SystemUser' : true,
'ReportAdmin': true
}
},
{
"WidgetID": 2,
"types": "User Delete",
"data": {
'Administrator': true,
'SystemUser' : false,
'ReportAdmin': false
}
}
]
Once we click the submit button, it should get the JSON object like above.
I need it ASAP.