Topic: Selectable table not selecting rows

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",
      "mi.lorem@sodaleselit.com",
      "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",
      "non@ligula.edu",
      "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",
      "risus.at@sitamet.ca",
      "01/31/2020"
    ],
    [
      "Safety",
      "Shipping/Receiving",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor.",
      "03/01/2020",
      "Vivamus@loremac.com",
      "05/28/2019"
    ],
    [
      "Medium",
      "Office",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
      "11/01/2019",
      "est.vitae@nonantebibendum.ca",
      "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",
      "pede.ac@pedesagittis.co.uk",
      "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",
      "ac@nuncsitamet.net",
      "06/16/2018"
    ],
    [
      "Safety",
      "Other",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
      "10/10/2019",
      "non.enim@nullaanteiaculis.org",
      "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",
      "Nullam.vitae@aliquameuaccumsan.edu",
      "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",
      "magna@natoque.co.uk",
      "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",
      "urna.justo.faucibus@quam.co.uk",
      "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",
      "fringilla.euismod.enim@Vivamus.net",
      "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",
      "iaculis@duiaugue.ca",
      "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",
      "facilisis@interdumCurabiturdictum.net",
      "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",
      "ipsum@etcommodoat.net",
      "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",
      "pharetra@Phasellus.edu",
      "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",
      "mi.pede@orciluctuset.ca",
      "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",
      "varius@fringillapurus.net",
      "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",
      "bibendum.Donec.felis@Maecenasmifelis.net",
      "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",
      "mauris.sapien.cursus@enimEtiam.net",
      "11/08/2019"
    ],
    [
      "Safety",
      "Plant",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer",
      "01/24/2020",
      "malesuada@Nunc.org",
      "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",
      "ligula@nonfeugiatnec.org",
      "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",
      "vel.quam.dignissim@tristiquesenectuset.co.uk",
      "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",
      "nisi.Aenean@inconsectetuer.com",
      "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",
      "in.hendrerit@urnaUttincidunt.co.uk",
      "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",
      "aliquam.enim.nec@ultriciesadipiscingenim.net",
      "09/18/2018"
    ],
    [
      "Project",
      "Shipping/Receiving",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam",
      "03/27/2019",
      "sit.amet.consectetuer@natoquepenatibus.net",
      "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",
      "lacus.varius.et@Nulla.edu",
      "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",
      "lorem.ut.aliquam@placerat.edu",
      "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",
      "feugiat@ligulaDonecluctus.net",
      "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",
      "ipsum.Suspendisse@maurisrhoncus.org",
      "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",
      "ultricies.ornare@dapibus.ca",
      "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",
      "commodo@nonnisi.ca",
      "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",
      "tempus.mauris@arcueu.com",
      "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",
      "facilisis.magna.tellus@DonecestNunc.com",
      "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",
      "eu.sem.Pellentesque@gravida.org",
      "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",
      "malesuada@blanditNamnulla.com",
      "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",
      "vulputate.eu.odio@dignissimMaecenas.org",
      "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",
      "Integer@Sed.com",
      "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",
      "auctor@euenim.org",
      "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",
      "Duis@ante.edu",
      "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",
      "leo@non.co.uk",
      "04/23/2018"
    ],
    [
      "Medium",
      "Other",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
      "06/17/2019",
      "aliquet.molestie@tristique.ca",
      "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",
      "nonummy@semper.ca",
      "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",
      "aliquam.eros@diamluctuslobortis.ca",
      "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",
      "luctus.ipsum@risusNulla.edu",
      "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",
      "purus.Maecenas@purus.net",
      "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",
      "Cum.sociis.natoque@mi.org",
      "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",
      "massa@Maecenas.org",
      "03/03/2020"
    ],
    [
      "Medium",
      "Other",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
      "03/11/2020",
      "turpis@atlibero.ca",
      "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",
      "dis.parturient.montes@tinciduntadipiscing.net",
      "04/12/2018"
    ],
    [
      "Safety",
      "Office",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus.",
      "10/08/2018",
      "dictum@malesuadavel.co.uk",
      "01/11/2019"
    ],
    [
      "Safety",
      "Plant",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus.",
      "12/30/2018",
      "lorem.eget.mollis@adipiscing.co.uk",
      "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",
      "euismod.urna@orciDonecnibh.edu",
      "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",
      "ut.nisi@rutrumFusce.edu",
      "12/11/2019"
    ],
    [
      "Medium",
      "Shipping/Receiving",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer",
      "11/20/2018",
      "Maecenas@aliquet.ca",
      "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",
      "augue@dui.org",
      "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",
      "ligula@Pellentesquehabitant.com",
      "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",
      "sodales.nisi@malesuada.com",
      "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",
      "eget.varius@tristiquesenectuset.org",
      "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",
      "mi.Duis@vestibulum.edu",
      "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",
      "Sed@adipiscinglobortis.net",
      "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",
      "interdum@loremfringillaornare.com",
      "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",
      "non.lorem@pharetraNamac.edu",
      "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",
      "molestie.dapibus.ligula@gravida.edu",
      "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",
      "magna.Lorem.ipsum@urnajusto.org",
      "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",
      "dolor@tellusAeneanegestas.edu",
      "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",
      "nibh@euismodurnaNullam.com",
      "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",
      "blandit@malesuadavel.edu",
      "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",
      "nulla.vulputate@Quisqueporttitoreros.net",
      "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",
      "non.leo.Vivamus@augueut.net",
      "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",
      "dui.nec.tempus@pedeSuspendisse.co.uk",
      "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",
      "adipiscing.elit.Aliquam@duinecurna.edu",
      "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",
      "Donec@Maurisnondui.com",
      "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",
      "lectus.a@mauris.ca",
      "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",
      "sit.amet@convallis.net",
      "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",
      "amet.diam@molestie.edu",
      "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",
      "parturient.montes.nascetur@ProinmiAliquam.org",
      "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",
      "facilisis.facilisis.magna@milorem.net",
      "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",
      "Nullam.lobortis@amet.net",
      "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",
      "fermentum.convallis@cursus.co.uk",
      "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",
      "eu.lacus.Quisque@nonantebibendum.edu",
      "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",
      "dignissim@incursus.co.uk",
      "09/06/2018"
    ],
    [
      "Medium",
      "Office",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
      "10/13/2018",
      "luctus@consequatnecmollis.com",
      "12/16/2019"
    ],
    [
      "Safety",
      "Other",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor.",
      "11/11/2019",
      "Nam@penatibus.com",
      "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",
      "lacus.Quisque.purus@antebibendum.net",
      "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",
      "in.dolor.Fusce@non.edu",
      "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",
      "gravida.Praesent.eu@vitaemauris.org",
      "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",
      "Mauris@nonummy.edu",
      "07/03/2018"
    ],
    [
      "Safety",
      "Office",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed",
      "06/11/2018",
      "varius.orci@litoratorquentper.com",
      "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",
      "aliquet.vel@apurusDuis.co.uk",
      "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",
      "erat.Sed.nunc@volutpat.ca",
      "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",
      "porttitor.interdum.Sed@Donec.edu",
      "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",
      "lorem.ipsum@Etiam.edu",
      "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",
      "massa.Suspendisse@semNullainterdum.edu",
      "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",
      "egestas.hendrerit@Vestibulumanteipsum.ca",
      "05/28/2018"
    ],
    [
      "High",
      "Plant",
      "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur sed tortor. Integer aliquam adipiscing lacus. Ut",
      "03/15/2020",
      "sem.Pellentesque.ut@semper.com",
      "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",
      "eu.elit.Nulla@nequeNullamut.net",
      "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",
      "natoque.penatibus@pellentesquemassalobortis.edu",
      "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",
      "aliquet.sem@Craseget.co.uk",
      "03/27/2020"
    ]
  ]
}

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>

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>

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.