Skip to content

Instantly share code, notes, and snippets.

@ilovetogetspamed

ilovetogetspamed/example.json

Last active April 10, 2019 20:44
Show Gist options
  • Save ilovetogetspamed/26fdb5cacc70f3a806841e294d0cb1b6 to your computer and use it in GitHub Desktop.
Save ilovetogetspamed/26fdb5cacc70f3a806841e294d0cb1b6 to your computer and use it in GitHub Desktop.
Download ZIP
Topic: Selectable table not selecting rows
Raw
example.json
{
"columns": [
{
"title": "Priority"
},
{
"title": "Location"
},
{
"title": "Work Requested"
},
{
"title": "Date Required"
},
{
"title": "Submitted By"
},
{
"title": "Submitted Date"
}
],
"data": [
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing",
"05/08/2018",
"[email protected]",
"09/15/2018"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis",
"02/13/2020",
"[email protected]",
"07/11/2019"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque",
"02/24/2020",
"[email protected]",
"01/31/2020"
],
[
"Safety",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor.",
"03/01/2020",
"[email protected]",
"05/28/2019"
],
[
"Medium",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
"11/01/2019",
"[email protected]",
"10/22/2018"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum",
"03/31/2020",
"[email protected]",
"08/21/2019"
],
[
"Medium",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede",
"06/05/2019",
"[email protected]",
"06/16/2018"
],
[
"Safety",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
"10/10/2019",
"[email protected]",
"04/03/2019"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam",
"10/31/2018",
"[email protected]",
"12/25/2018"
],
[
"Low",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien,",
"07/06/2018",
"[email protected]",
"11/04/2018"
],
[
"High",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna. Ut",
"11/23/2018",
"[email protected]",
"01/31/2019"
],
[
"Low",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien,",
"09/16/2019",
"[email protected]",
"07/28/2018"
],
[
"Low",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna. Ut",
"12/08/2018",
"[email protected]",
"12/23/2019"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque",
"03/31/2020",
"[email protected]",
"01/13/2020"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque",
"07/16/2018",
"[email protected]",
"12/14/2019"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam",
"02/19/2020",
"[email protected]",
"10/29/2019"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"08/11/2019",
"[email protected]",
"08/10/2018"
],
[
"Safety",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa",
"11/14/2019",
"[email protected]",
"06/05/2018"
],
[
"High",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede",
"08/11/2018",
"[email protected]",
"01/05/2019"
],
[
"Low",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat.",
"05/03/2018",
"[email protected]",
"11/08/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer",
"01/24/2020",
"[email protected]",
"04/09/2020"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
"06/29/2018",
"[email protected]",
"05/27/2019"
],
[
"Safety",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin",
"09/06/2018",
"[email protected]",
"08/10/2019"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id,",
"02/06/2019",
"[email protected]",
"01/24/2020"
],
[
"Medium",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt",
"03/12/2019",
"[email protected]",
"07/18/2019"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna. Ut",
"08/16/2018",
"[email protected]",
"09/18/2018"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam",
"03/27/2019",
"[email protected]",
"03/20/2019"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec",
"07/02/2018",
"[email protected]",
"06/18/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus.",
"06/11/2018",
"[email protected]",
"02/26/2020"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus.",
"08/12/2019",
"[email protected]",
"02/17/2019"
],
[
"Medium",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede",
"06/01/2019",
"[email protected]",
"07/22/2018"
],
[
"High",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam",
"10/19/2018",
"[email protected]",
"11/24/2019"
],
[
"High",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna.",
"11/14/2018",
"[email protected]",
"08/04/2018"
],
[
"Low",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis",
"07/18/2019",
"[email protected]",
"03/21/2020"
],
[
"Project",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna.",
"05/14/2018",
"[email protected]",
"09/12/2019"
],
[
"High",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"01/29/2020",
"[email protected]",
"05/19/2018"
],
[
"Low",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis",
"01/26/2020",
"[email protected]",
"05/06/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna.",
"02/02/2019",
"[email protected]",
"02/04/2019"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida",
"12/29/2019",
"[email protected]",
"04/19/2018"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque",
"02/11/2020",
"[email protected]",
"07/04/2019"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin",
"02/18/2019",
"[email protected]",
"07/24/2018"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"03/02/2020",
"[email protected]",
"04/23/2018"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
"06/17/2019",
"[email protected]",
"01/19/2020"
],
[
"High",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id,",
"12/26/2019",
"[email protected]",
"09/02/2018"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque",
"08/12/2019",
"[email protected]",
"12/31/2018"
],
[
"Medium",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam",
"07/02/2019",
"[email protected]",
"02/20/2019"
],
[
"Safety",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus",
"12/25/2018",
"[email protected]",
"11/05/2018"
],
[
"High",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec",
"01/17/2020",
"[email protected]",
"07/01/2019"
],
[
"Safety",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada",
"06/19/2019",
"[email protected]",
"03/03/2020"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
"03/11/2020",
"[email protected]",
"10/16/2018"
],
[
"High",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet",
"07/02/2019",
"[email protected]",
"04/12/2018"
],
[
"Safety",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus.",
"10/08/2018",
"[email protected]",
"01/11/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus.",
"12/30/2018",
"[email protected]",
"01/18/2019"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna.",
"04/30/2019",
"[email protected]",
"09/21/2018"
],
[
"Safety",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum",
"01/24/2020",
"[email protected]",
"12/11/2019"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer",
"11/20/2018",
"[email protected]",
"01/21/2019"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna",
"11/22/2018",
"[email protected]",
"04/09/2019"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum",
"01/03/2019",
"[email protected]",
"10/15/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus",
"01/07/2020",
"[email protected]",
"12/29/2019"
],
[
"Low",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis",
"01/20/2019",
"[email protected]",
"05/08/2018"
],
[
"Low",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac urna.",
"02/08/2020",
"[email protected]",
"12/12/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor.",
"11/11/2019",
"[email protected]",
"03/06/2020"
],
[
"High",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada",
"07/14/2019",
"[email protected]",
"03/18/2019"
],
[
"Low",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna",
"03/24/2020",
"[email protected]",
"12/16/2018"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque",
"08/29/2019",
"[email protected]",
"04/02/2020"
],
[
"Medium",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at",
"02/06/2019",
"[email protected]",
"03/02/2019"
],
[
"Low",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non,",
"06/05/2019",
"[email protected]",
"09/29/2018"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt",
"11/09/2019",
"[email protected]",
"10/30/2018"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada",
"10/03/2018",
"[email protected]",
"09/23/2018"
],
[
"Safety",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"04/04/2019",
"[email protected]",
"01/08/2019"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna.",
"04/23/2019",
"[email protected]",
"03/26/2020"
],
[
"Low",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"10/27/2019",
"[email protected]",
"10/21/2019"
],
[
"Medium",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis",
"08/23/2018",
"[email protected]",
"03/15/2019"
],
[
"Low",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor.",
"10/29/2018",
"[email protected]",
"04/13/2019"
],
[
"High",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras",
"11/25/2019",
"[email protected]",
"01/26/2020"
],
[
"Safety",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt pede ac",
"05/31/2019",
"[email protected]",
"07/26/2018"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin",
"05/29/2019",
"[email protected]",
"11/17/2019"
],
[
"Low",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida",
"10/17/2018",
"[email protected]",
"10/05/2019"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada",
"10/16/2019",
"[email protected]",
"02/22/2020"
],
[
"Safety",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida",
"08/18/2018",
"[email protected]",
"02/09/2019"
],
[
"Low",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus",
"01/28/2020",
"[email protected]",
"12/13/2018"
],
[
"Medium",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna.",
"02/10/2020",
"[email protected]",
"10/04/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien,",
"03/25/2020",
"[email protected]",
"09/06/2018"
],
[
"Medium",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
"10/13/2018",
"[email protected]",
"12/16/2019"
],
[
"Safety",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor.",
"11/11/2019",
"[email protected]",
"06/30/2019"
],
[
"High",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque",
"09/22/2019",
"[email protected]",
"01/02/2019"
],
[
"High",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna",
"10/31/2018",
"[email protected]",
"03/29/2020"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at",
"07/25/2019",
"[email protected]",
"02/16/2019"
],
[
"High",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida",
"07/13/2018",
"[email protected]",
"07/03/2018"
],
[
"Safety",
"Office",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
"06/11/2018",
"[email protected]",
"10/26/2018"
],
[
"Project",
"Shipping/Receiving",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna. Cras convallis convallis dolor. Quisque tincidunt",
"04/11/2019",
"[email protected]",
"09/24/2018"
],
[
"Project",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non,",
"05/04/2018",
"[email protected]",
"11/16/2019"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus",
"10/16/2019",
"[email protected]",
"12/19/2018"
],
[
"Safety",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam",
"05/20/2019",
"[email protected]",
"08/14/2019"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a,",
"06/15/2019",
"[email protected]",
"12/11/2018"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet",
"12/05/2019",
"[email protected]",
"05/28/2018"
],
[
"High",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
"03/15/2020",
"[email protected]",
"11/27/2018"
],
[
"Project",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec",
"04/08/2019",
"[email protected]",
"12/12/2019"
],
[
"Medium",
"Plant",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus. Quisque purus sapien, gravida non, sollicitudin a, malesuada id, erat. Etiam vestibulum massa rutrum magna.",
"05/27/2018",
"[email protected]",
"06/26/2018"
],
[
"Medium",
"Other",
"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut nec urna et arcu imperdiet ullamcorper. Duis at lacus.",
"10/08/2018",
"[email protected]",
"03/27/2020"
]
]
}
Raw
grid_row_click.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Workorders</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- DataTables CSS -->
<link href="css/addons/datatables.min.css" rel="stylesheet">
<!-- DataTables Select CSS -->
<link href="css/addons/datatables-select.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Start your project here-->
<!-- Table with panel -->
<div class="card card-cascade narrower">
<!--Card image-->
<div class="view view-cascade gradient-card-header blue narrower py-2 mx-4 mb-3 d-flex justify-content-between align-items-center">
<div>
<button type="button" class="btn btn-outline-white btn-rounded btn-sm px-2">
<i class="fas fa-th-large mt-0"></i>
</button>
<button type="button" class="btn btn-outline-white btn-rounded btn-sm px-2">
<i class="fas fa-columns mt-0"></i>
</button>
</div>
<a href="" class="white-text mx-3">Workorders</a>
<div>
<button type="button" class="btn btn-outline-white btn-rounded btn-sm px-2">
<i class="fas fa-pencil-alt mt-0"></i>
</button>
<button type="button" class="btn btn-outline-white btn-rounded btn-sm px-2">
<i class="far fa-trash-alt mt-0"></i>
</button>
<button type="button" class="btn btn-outline-white btn-rounded btn-sm px-2">
<i class="fas fa-info-circle mt-0"></i>
</button>
</div>
</div>
<!--/Card image-->
<div class="px-4">
<div class="table-wrapper">
<table id="wo-workorders-table" class="table table-striped" cellspacing="0" width="100%">
<thead>
<tr>
<th class="th-sm">Priority</th>
<th class="th-sm">Location</th>
<th class="th-sm">Work Requested</th>
<th class="th-sm">Date Required</th>
<th class="th-sm">Submitted By</th>
<th class="th-sm">Submitted Date</th>
</tr>
</thead>
<tfoot>
<tr>
<th class="th-sm">Priority</th>
<th class="th-sm">Location</th>
<th class="th-sm">Date Needed</th>
<th class="th-sm">Work Request</th>
<th class="th-sm">Submitted By</th>
<th class="th-sm">Submitted Date</th>
</tr>
</tfoot>
</table>
<!--Table-->
</div>
</div>
</div>
<!-- Table with panel -->
<!-- /Start your project here-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- MDBootstrap Datatables -->
<script type="text/javascript" src="js/addons/datatables.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- MDBootstrap Datatables -->
<script type="text/javascript" src="js/addons/datatables.min.js"></script>
<!-- DataTables JS -->
<script href="js/addons/datatables.min.js" rel="stylesheet"></script>
<!-- DataTables Select JS -->
<script href="js/addons/datatables-select.min.js" rel="stylesheet"></script>
<script type="text/javascript">
</script>
<script type="text/javascript">
// Initiate code
$(document).ready(function () {
let table = $('#wo-workorders-table').DataTable({
"ajax": 'example.json',
dom: 'Bfrtip',
select: true,
buttons: [{
text: 'Select all',
action: function () {
table.rows().select();
}
},
{
text: 'Select none',
action: function () {
table.rows().deselect();
}
}
]
});
$('.dataTables_length').addClass('bs-select');
});
</script>
</body>
</html>
Raw
modalEditor.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Material Design Bootstrap</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<!-- Datatables and Table Editor CSS -->
<link rel="stylesheet" href="css/addons/datatables.min.css">
<link rel="stylesheet" href="css/addons/table-editor.min.css">
</head>
<body>
<!-- Start your project here-->
<div class="container mb-2">
<hr class="mt-4 mb-5">
<div class="wrapper-editor">
<div class="block my-4">
<div class="d-flex justify-content-center">
<p class="h5 text-primary createShowP">0 row selected</p>
</div>
</div>
<div class="row d-flex justify-content-center modalWrapper">
<div class="modal fade addNewInputs" id="modalAdd" tabindex="-1" role="dialog" aria-labelledby="modalAdd"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold text-primary ml-5">Add new workorder</h4>
<button type="button" class="close text-primary" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="md-form mb-5">
<input type="text" id="inputPriority" class="form-control validate">
<label data-error="wrong" data-success="right" for="inputPriority">Priority</label>
</div>
<div class="md-form mb-5">
<input type="text" id="inputLocation" class="form-control validate">
<label data-error="wrong" data-success="right" for="inputLocation">Location</label>
</div>
<div class="md-form mb-5">
<input type="text" id="inputWorkRequested" class="form-control validate">
<label data-error="wrong" data-success="right" for="inputWorkRequested">Work Requested</label>
</div>
<div class="md-form mb-5">
<input type="date" id="inputDateRequired" class="form-control" placeholder="Date Required">
<label data-error="wrong" data-success="right" for="inputDateRequired"></label>
</div>
<div class="md-form mb-5">
<input type="email" id="inputSubmittedBy" class="form-control validate">
<label data-error="wrong" data-success="right" for="inputSubmittedBy">Submitted By (Email)</label>
</div>
<div class="md-form mb-5">
<input type="date" id="inputSubmittedDate" class="form-control" placeholder="Submitted Date">
<label data-error="wrong" data-success="right" for="inputSubmittedDate"></label>
</div>
</div>
<div class="modal-footer d-flex justify-content-center buttonAddFormWrapper">
<button class="btn btn-outline-primary btn-block buttonAdd" data-dismiss="modal">Add form
<i class="far fa-paper-plane ml-1"></i>
</button>
</div>
</div>
</div>
</div>
<div class="text-center wrapperToBtnModalAdd">
<a href="" class="btn btn-info btn-rounded btn-sm btnToModalAdd" data-toggle="modal" data-target="#modalAdd">Add<i
class="fas fa-plus-square ml-1"></i></a>
</div>
<div class="modal fade modalEditClass" id="modalEdit" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold text-secondary ml-5">Edit workorder</h4>
<button type="button" class="close text-secondary" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body mx-3 modal-inputs">
<div class="md-form mb-5">
<input type="text" id="formPriorityEdit" class="form-control validate">
<label data-error="wrong" data-success="right" for="formPriorityEdit">Priority</label>
</div>
<div class="md-form mb-5">
<input type="text" id="formLocationEdit" class="form-control validate">
<label data-error="wrong" data-success="right" for="formLocationEdit">Location</label>
</div>
<div class="md-form mb-5">
<input type="text" id="formWorkRequestedEdit" class="form-control validate">
<label data-error="wrong" data-success="right" for="formWorkRequestedEdit">Work Requested</label>
</div>
<div class="md-form mb-5">
<input type="date" id="formDateRequiredEdit" class="form-control" placeholder="Date Required">
<label data-error="wrong" data-success="right" for="formDateRequiredEdit"></label>
</div>
<div class="md-form mb-5">
<input type="email" id="formSubmittedByEdit" class="form-control validate">
<label data-error="wrong" data-success="right" for="formSubmittedByEdit">Submitted By (Email)</label>
</div>
<div class="md-form mb-5">
<input type="date" id="formSubmittedDateEdit" class="form-control" placeholder="Submitted Date">
<label data-error="wrong" data-success="right" for="formSubmittedDateEdit"></label>
</div>
</div>
<div class="modal-footer d-flex justify-content-center editInsideWrapper">
<button class="btn btn-outline-secondary btn-block editInside" data-dismiss="modal">Edit
form
<i class="far fa-paper-plane ml-1"></i>
</button>
</div>
</div>
</div>
</div>
<div class="text-center buttonEditWrapper">
<button class="btn btn-info btn-rounded btn-sm buttonEdit" data-toggle="modal" data-target="#modalEdit"
disabled>Edit<i class="fas fa-pen-square ml-1"></i></a></button>
</div>
<div class="modal fade" id="modalDelete" tabindex="-1" role="dialog" aria-labelledby="modalDelete"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold ml-5 text-danger">Delete</h4>
<button type="button" class="close text-danger" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body mx-3">
<p class="text-center h4">Are you sure to delete selected row?</p>
</div>
<div class="modal-footer d-flex justify-content-center deleteButtonsWrapper">
<button type="button" class="btn btn-outline-danger btnYesClass" id="btnYes" data-dismiss="modal">Yes
<i class="far fa-paper-plane ml-1"></i>
</button>
<button type="button" class="btn btn-outline-primary btnNoClass" id="btnNo" data-dismiss="modal">No
<i class="far fa-paper-plane ml-1"></i>
</button>
</div>
</div>
</div>
</div>
<div class="text-center wrapperToBtnModalAdd">
<button class="btn btn-danger btn-sm btn-rounded buttonDelete" data-toggle="modal" disabled
data-target="#modalDelete"
disabled>Delete<i class="fas fa-times ml-1"></i></a></button>
</div>
</div>
<table id="dtWorkorders" class="table table-striped table-bordered" cellspacing="0" width="100%">
<table id="dtBasicExample" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
<th class="th-sm"></th>
</tr>
</thead>
</table>
</div>
<hr class="mt-4 mb-5">
</div>
<!-- /Start your project here-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- MDB Datatables and Table Editor JavaScript -->
<script type="text/javascript" src="js/addons/datatables.min.js"></script>
<script type="text/javascript" src="js/addons/mdb-editor.js"></script>
<script type="text/javascript">
let myJasonData = $.getJSON("example.json", function (data) {
// console.log('Columns: ' + data.columns);
$.each(data.columns, function (key, value) {
// Get the table header column titles
// console.log(key);
// console.log(value);
let thItems = [];
thItems.push("<th>" + value["title"] + "</th>");
// console.log(thItems);
});
// Get the data
// console.log('Data: ' + data.data);
});
// test returned data....
console.log(myJasonData);
// This populates the table header and data
$(document).ready(function () {
$('#dtWorkorders').DataTable({
data: myJasonData.responseJSON.data,
columns: myJasonData.responseJSON.columns
});
});
$('#dtWorkorders').mdbEditor({
modalEditor: true
});
$('.dataTables_length').addClass('bs-select');
</script>
</body>
</html>
@ilovetogetspamed
Copy link
Author

Row Selection doesn't work in either of the HTML files. But I'm pretty sure I don't have the grid_row_click.html file setup properly. I still think the second one modalEditor.html should work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment