Table | Laminar | Anduin Design

val idColumn = TableL.Column[Employee](
  title = "ID",
  field = "id",
  renderCell = renderProps => div(renderProps.data.id),
  width = Option(120)
)

val fullNameColumn = TableL.Column[Employee](
  title = "Full name",
  field = "fullName",
  renderCell = renderProps => div(renderProps.data.fullName)
)

val emailAddressColumn = TableL.Column[Employee](
  title = "Email address",
  field = "email",
  renderCell = renderProps => div(renderProps.data.email)
)

val dateOfBirthColumn = TableL.Column[Employee](
  title = "Date of birth",
  field = "dateOfBirth",
  renderCell = renderProps => div(renderProps.data.dateOfBirth),
  width = Option(150)
)

val phoneColumn = TableL.Column[Employee](
  title = "Phone number",
  field = "phone",
  renderCell = renderProps => div(renderProps.data.phone),
  width = Option(200)
)

val initialEmployees = 0
  .to(100)
  .map { _ =>
    MockData
      .Employees(Random.between(0, MockData.Employees.length - 1))
      .copy(id = Random.alphanumeric.filter(_.isLetter).take(6).mkString)
  }
  .toList

TableL[Employee](
  columns = List(
    idColumn,
    fullNameColumn,
    emailAddressColumn,
    dateOfBirthColumn,
    phoneColumn
  ),
  dataSignal = Val(initialEmployees)
).amend(maxHeight.px := 500)

val idColumn = TableL.Column[Employee](  title = "ID",  field = "id",  renderCell = renderProps => div(renderProps.data.id),  width = Option(120))val fullNameColumn = TableL.Column[Employee](  title = "Full name",  field = "fullName",  renderCell = renderProps => div(renderProps.data.fullName))val emailAddressColumn = TableL.Column[Employee](  title = "Email address",  field = "email",  renderCell = renderProps => div(renderProps.data.email))val dateOfBirthColumn = TableL.Column[Employee](  title = "Date of birth",  field = "dateOfBirth",  renderCell = renderProps => div(renderProps.data.dateOfBirth),  width = Option(150))val phoneColumn = TableL.Column[Employee](  title = "Phone number",  field = "phone",  renderCell = renderProps => div(renderProps.data.phone),  width = Option(200))val initialEmployees = 0  .to(100)  .map { _ =>    MockData      .Employees(Random.between(0, MockData.Employees.length - 1))      .copy(id = Random.alphanumeric.filter(_.isLetter).take(6).mkString)  }  .toListTableL[Employee](  columns = List(    idColumn,    fullNameColumn,    emailAddressColumn,    dateOfBirthColumn,    phoneColumn  ),  dataSignal = Val(initialEmployees)).amend(maxHeight.px := 500)