Skip to main content Skip to docs navigation

Modifying Table HTML Example

Building the table

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
buildTable = () =>
  new Table6Base with Table6BootrapStyling with Table6StandardColumns with Table6SeqDataSource with Table6PaginatedWithSeqDataSource {
    override type R = Country

    val ColName = ColStr("Name", _.name.common)
    val ColCapital = ColStr("Capital", _.capital.mkString(", "))
    val ColRegion = ColStr("Region", _.region)
    val ColArea = ColStr("Area", _.area.toString, rows => s"Total Area: ${rows.map(_.area).sum}")

    override def columns(): List[C] = List(
      ColName,
      ColCapital,
      ColRegion,
      ColArea
    )

    override def tableFootEnabled: Boolean = true

    override def seqRowsSource: Seq[Country] = CountriesData.data.take(3)
  }
buildTable().render()

onTableWrapper method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableWrapper(_.border.border_danger.border_5).render()

onTable method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTable(_.border.border_danger.border_5).render()

onTableHead method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHead(_.border.border_danger.border_5).render()

onTableHeadTr method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHeadTr(_.border.border_danger.border_5).render()

onAllTableHeadTrTh method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableHeadTrTh(_.border.border_danger.border_5).render()

onTableBody method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableBody(_.border.border_danger.border_5).render()

onAllTableBodyTR method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTR(_.border.border_danger.border_5).render()

onAllTableBodyTRTD method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTRTD(_.border.border_danger.border_5).render()

onAllTableFoot method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFoot(_.border.border_danger.border_5).render()

onAllTableFootTR method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTR(_.border.border_danger.border_5).render()

onAllTableFootTrTh method

Name Capital Region Area
Aruba Oranjestad Americas 180.0
Afghanistan Kabul Asia 652230.0
Angola Luanda Africa 1246700.0
Total Area: 1899110.0
Showing 3 of 3
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTrTh(_.border.border_danger.border_5).render()