Skip to main content Skip to docs navigation

Modifying Table HTML Example

Building the table

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
buildTable = () =>
  new Table6Base with Table6BootrapStyling with Table6StandardColumns with Table6SeqDataSource with Table6Paginated {
    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

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableWrapper(_.border.border_danger.border_5).render()

onTable method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTable(_.border.border_danger.border_5).render()

onTableHead method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHead(_.border.border_danger.border_5).render()

onTableHeadTr method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableHeadTr(_.border.border_danger.border_5).render()

onAllTableHeadTrThClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableHeadTrTh(_.border.border_danger.border_5).render()

onTableBodyClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onTableBody(_.border.border_danger.border_5).render()

onAllTableBodyTRClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTR(_.border.border_danger.border_5).render()

onAllTableBodyTRTDClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableBodyTRTD(_.border.border_danger.border_5).render()

onAllTableFootClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFoot(_.border.border_danger.border_5).render()

onAllTableFootTRClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTR(_.border.border_danger.border_5).render()

onAllTableFootTrThClasses method

NameCapitalRegionArea
ArubaOranjestadAmericas180.0
AfghanistanKabulAsia652230.0
AngolaLuandaAfrica1246700.0
Total Area: 1899110.0
scala
import com.fastscala.components.bootstrap5.helpers.BSHelpers.*
buildTable().onAllTableFootTrTh(_.border.border_danger.border_5).render()