Components

Table

Default table

Table caption
Job titleEFSI finance approved by EIBLocationOrganizationType of contract
Administators in Competition LawAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Administators in Economic and Monetary Union LawAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Administators in Financial rules appliable to the EU budgetAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Corporate Support OfficerFG IVPrague (Czech Republic)European CommissionPermanent official
Policy Officer - Clean Energy For All EuropeansFG II, FG III, FG IVVigo (Spain)EU-LISASeconded National Expert (SNE)

Try it yourself on the playground

Playground

Zebra table

Table caption
Job titleEFSI finance approved by EIBLocationOrganizationType of contract
Administators in Competition LawAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Administators in Economic and Monetary Union LawAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Administators in Financial rules appliable to the EU budgetAD7Brussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)European CommissionPermanent official
Corporate Support OfficerFG IVPrague (Czech Republic)European CommissionPermanent official
Policy Officer - Clean Energy For All EuropeansFG II, FG III, FG IVVigo (Spain)EU-LISASeconded National Expert (SNE)

Try it yourself on the playground

Playground

Multi header table

Table caption
Job titleEFSI finance approved by EIBExtra informationLocation
OrganizationType of contract
Administators in Competition LawAD7European CommissionPermanent officialBrussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)
Administators in Economic and Monetary Union LawAD7European CommissionPermanent officialBrussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)
Administators in Financial rules appliable to the EU budgetAD7European CommissionPermanent officialBrussels (Belgium), Luxembourg (Luxembourg), Strasbourg (France)
Corporate Support OfficerFG IVEuropean CommissionPermanent officialPrague (Czech Republic)
Policy Officer - Clean Energy For All EuropeansFG II, FG III, FG IVEU-LISASeconded National Expert (SNE)Vigo (Spain)

Try it yourself on the playground

Playground

Sort table

Try it yourself on the playground

Playground

Enhanced mobile table

Enhanced tables offers a more user friendly display on mobile. This is the default display of ECL tables, but you can turn this behaviour off by using the parameter simple.

To be able to use the enhanced table without issue, your table should follow these rules:

  • have a table header, containing the <th> tags
  • have a data-ecl-table-header attribute filled for the other cells (a parameter is provided in the twig template) You can find a working data set and markup in the example below.

Note: enhanced tables works for all the table variants listed here, but without sorting.

Try it yourself on the playground

Playground