outwatch-test/src/main/scala/outwatchapp/components/ExampleDataTable.scala

package outwatchapp.components

import outwatch.dsl._

object Table {
  val value = table(
    idAttr := "myTable",
    cls := "display",
    cls := "table",
    // style := "width: 100%",
    width := "100%",
    // style("width") := "100%",
    thead(
      tr(
        th("Name"),
        th("Position"),
        th("Office"),
        th("Age"),
        th("Start date"),
        th("Salary")
      )
    ),
    tbody(
      tr(
        td("Tiger Nixon"),
        td("System Architect"),
        td("Edinburgh"),
        td("61"),
        td("2011/04/25"),
        td("$320,800")
      ),
      tr(
        td("Garrett Winters"),
        td("Accountant"),
        td("Tokyo"),
        td("63"),
        td("2011/07/25"),
        td("$170,750")
      ),
      tr(
        td("Ashton Cox"),
        td("Junior Technical Author"),
        td("San Francisco"),
        td("66"),
        td("2009/01/12"),
        td("$86,000")
      ),
      tr(
        td("Cedric Kelly"),
        td("Senior Javascript Developer"),
        td("Edinburgh"),
        td("22"),
        td("2012/03/29"),
        td("$433,060")
      ),
      tr(
        td("Airi Satou"),
        td("Accountant"),
        td("Tokyo"),
        td("33"),
        td("2008/11/28"),
        td("$162,700")
      ),
      tr(
        td("Brielle Williamson"),
        td("Integration Specialist"),
        td("New York"),
        td("61"),
        td("2012/12/02"),
        td("$372,000")
      ),
      tr(
        td("Herrod Chandler"),
        td("Sales Assistant"),
        td("San Francisco"),
        td("59"),
        td("2012/08/06"),
        td("$137,500")
      ),
      tr(
        td("Rhona Davidson"),
        td("Integration Specialist"),
        td("Tokyo"),
        td("55"),
        td("2010/10/14"),
        td("$327,900")
      ),
      tr(
        td("Colleen Hurst"),
        td("Javascript Developer"),
        td("San Francisco"),
        td("39"),
        td("2009/09/15"),
        td("$205,500")
      ),
      tr(
        td("Sonya Frost"),
        td("Software Engineer"),
        td("Edinburgh"),
        td("23"),
        td("2008/12/13"),
        td("$103,600")
      ),
      tr(
        td("Jena Gaines"),
        td("Office Manager"),
        td("London"),
        td("30"),
        td("2008/12/19"),
        td("$90,560")
      ),
      tr(
        td("Quinn Flynn"),
        td("Support Lead"),
        td("Edinburgh"),
        td("22"),
        td("2013/03/03"),
        td("$342,000")
      ),
      tr(
        td("Charde Marshall"),
        td("Regional Director"),
        td("San Francisco"),
        td("36"),
        td("2008/10/16"),
        td("$470,600")
      ),
      tr(
        td("Haley Kennedy"),
        td("Senior Marketing Designer"),
        td("London"),
        td("43"),
        td("2012/12/18"),
        td("$313,500")
      ),
      tr(
        td("Tatyana Fitzpatrick"),
        td("Regional Director"),
        td("London"),
        td("19"),
        td("2010/03/17"),
        td("$385,750")
      ),
      tr(
        td("Michael Silva"),
        td("Marketing Designer"),
        td("London"),
        td("66"),
        td("2012/11/27"),
        td("$198,500")
      ),
      tr(
        td("Paul Byrd"),
        td("Chief Financial Officer (CFO)"),
        td("New York"),
        td("64"),
        td("2010/06/09"),
        td("$725,000")
      ),
      tr(
        td("Gloria Little"),
        td("Systems Administrator"),
        td("New York"),
        td("59"),
        td("2009/04/10"),
        td("$237,500")
      ),
      tr(
        td("Bradley Greer"),
        td("Software Engineer"),
        td("London"),
        td("41"),
        td("2012/10/13"),
        td("$132,000")
      ),
      tr(
        td("Dai Rios"),
        td("Personnel Lead"),
        td("Edinburgh"),
        td("35"),
        td("2012/09/26"),
        td("$217,500")
      ),
      tr(
        td("Jenette Caldwell"),
        td("Development Lead"),
        td("New York"),
        td("30"),
        td("2011/09/03"),
        td("$345,000")
      ),
      tr(
        td("Yuri Berry"),
        td("Chief Marketing Officer (CMO)"),
        td("New York"),
        td("40"),
        td("2009/06/25"),
        td("$675,000")
      ),
      tr(
        td("Caesar Vance"),
        td("Pre-Sales Support"),
        td("New York"),
        td("21"),
        td("2011/12/12"),
        td("$106,450")
      ),
      tr(
        td("Doris Wilder"),
        td("Sales Assistant"),
        td("Sydney"),
        td("23"),
        td("2010/09/20"),
        td("$85,600")
      ),
      tr(
        td("Angelica Ramos"),
        td("Chief Executive Officer (CEO)"),
        td("London"),
        td("47"),
        td("2009/10/09"),
        td("$1,200,000")
      ),
      tr(
        td("Gavin Joyce"),
        td("Developer"),
        td("Edinburgh"),
        td("42"),
        td("2010/12/22"),
        td("$92,575")
      ),
      tr(
        td("Jennifer Chang"),
        td("Regional Director"),
        td("Singapore"),
        td("28"),
        td("2010/11/14"),
        td("$357,650")
      ),
      tr(
        td("Brenden Wagner"),
        td("Software Engineer"),
        td("San Francisco"),
        td("28"),
        td("2011/06/07"),
        td("$206,850")
      ),
      tr(
        td("Fiona Green"),
        td("Chief Operating Officer (COO)"),
        td("San Francisco"),
        td("48"),
        td("2010/03/11"),
        td("$850,000")
      ),
      tr(
        td("Shou Itou"),
        td("Regional Marketing"),
        td("Tokyo"),
        td("20"),
        td("2011/08/14"),
        td("$163,000")
      ),
      tr(
        td("Michelle House"),
        td("Integration Specialist"),
        td("Sydney"),
        td("37"),
        td("2011/06/02"),
        td("$95,400")
      ),
      tr(
        td("Suki Burks"),
        td("Developer"),
        td("London"),
        td("53"),
        td("2009/10/22"),
        td("$114,500")
      ),
      tr(
        td("Prescott Bartlett"),
        td("Technical Author"),
        td("London"),
        td("27"),
        td("2011/05/07"),
        td("$145,000")
      ),
      tr(
        td("Gavin Cortez"),
        td("Team Leader"),
        td("San Francisco"),
        td("22"),
        td("2008/10/26"),
        td("$235,500")
      ),
      tr(
        td("Martena Mccray"),
        td("Post-Sales support"),
        td("Edinburgh"),
        td("46"),
        td("2011/03/09"),
        td("$324,050")
      ),
      tr(
        td("Unity Butler"),
        td("Marketing Designer"),
        td("San Francisco"),
        td("47"),
        td("2009/12/09"),
        td("$85,675")
      ),
      tr(
        td("Howard Hatfield"),
        td("Office Manager"),
        td("San Francisco"),
        td("51"),
        td("2008/12/16"),
        td("$164,500")
      ),
      tr(
        td("Hope Fuentes"),
        td("Secretary"),
        td("San Francisco"),
        td("41"),
        td("2010/02/12"),
        td("$109,850")
      ),
      tr(
        td("Vivian Harrell"),
        td("Financial Controller"),
        td("San Francisco"),
        td("62"),
        td("2009/02/14"),
        td("$452,500")
      ),
      tr(
        td("Timothy Mooney"),
        td("Office Manager"),
        td("London"),
        td("37"),
        td("2008/12/11"),
        td("$136,200")
      ),
      tr(
        td("Jackson Bradshaw"),
        td("Director"),
        td("New York"),
        td("65"),
        td("2008/09/26"),
        td("$645,750")
      ),
      tr(
        td("Olivia Liang"),
        td("Support Engineer"),
        td("Singapore"),
        td("64"),
        td("2011/02/03"),
        td("$234,500")
      ),
      tr(
        td("Bruno Nash"),
        td("Software Engineer"),
        td("London"),
        td("38"),
        td("2011/05/03"),
        td("$163,500")
      ),
      tr(
        td("Sakura Yamamoto"),
        td("Support Engineer"),
        td("Tokyo"),
        td("37"),
        td("2009/08/19"),
        td("$139,575")
      ),
      tr(
        td("Thor Walton"),
        td("Developer"),
        td("New York"),
        td("61"),
        td("2013/08/11"),
        td("$98,540")
      ),
      tr(
        td("Finn Camacho"),
        td("Support Engineer"),
        td("San Francisco"),
        td("47"),
        td("2009/07/07"),
        td("$87,500")
      ),
      tr(
        td("Serge Baldwin"),
        td("Data Coordinator"),
        td("Singapore"),
        td("64"),
        td("2012/04/09"),
        td("$138,575")
      ),
      tr(
        td("Zenaida Frank"),
        td("Software Engineer"),
        td("New York"),
        td("63"),
        td("2010/01/04"),
        td("$125,250")
      ),
      tr(
        td("Zorita Serrano"),
        td("Software Engineer"),
        td("San Francisco"),
        td("56"),
        td("2012/06/01"),
        td("$115,000")
      ),
      tr(
        td("Jennifer Acosta"),
        td("Junior Javascript Developer"),
        td("Edinburgh"),
        td("43"),
        td("2013/02/01"),
        td("$75,650")
      ),
      tr(
        td("Cara Stevens"),
        td("Sales Assistant"),
        td("New York"),
        td("46"),
        td("2011/12/06"),
        td("$145,600")
      ),
      tr(
        td("Hermione Butler"),
        td("Regional Director"),
        td("London"),
        td("47"),
        td("2011/03/21"),
        td("$356,250")
      ),
      tr(
        td("Lael Greer"),
        td("Systems Administrator"),
        td("London"),
        td("21"),
        td("2009/02/27"),
        td("$103,500")
      ),
      tr(
        td("Jonas Alexander"),
        td("Developer"),
        td("San Francisco"),
        td("30"),
        td("2010/07/14"),
        td("$86,500")
      ),
      tr(
        td("Shad Decker"),
        td("Regional Director"),
        td("Edinburgh"),
        td("51"),
        td("2008/11/13"),
        td("$183,000")
      ),
      tr(
        td("Michael Bruce"),
        td("Javascript Developer"),
        td("Singapore"),
        td("29"),
        td("2011/06/27"),
        td("$183,000")
      ),
      tr(
        td("Donna Snider"),
        td("Customer Support"),
        td("New York"),
        td("27"),
        td("2011/01/25"),
        td("$112,000")
      )
    ),
    tfoot(
      tr(
        th("Name"),
        th("Position"),
        th("Office"),
        th("Age"),
        th("Start date"),
        th("Salary")
      )
    )
  )
}