footballwidgets.com

Group Table

This widget displays the tournament group tables which can be switched between by using the selector arrows.

The widget is completely responsive and is gradually enhanced with more information when used in wider formats, including a results grid.

The widget can be configured to show any specific group as the default or alternatively a specific group without the group selector arrows.

1Customise

Choose your options – the preview updates as you go.

Corners
4px radius
  • Square
  • 4px radius
  • 8px radius
  • 12px radius
  • 16px radius
  • 20px radius
Group Selector
Yes
  • Yes
  • No
Group
Group A
  • Group A
  • Group B
  • Group C
  • Group D
  • Group E
  • Group F
  • Group G
  • Group H
  • Group I
  • Group J
  • Group K
  • Group L
Results Grid
Yes
  • Yes
  • No
Language
English
  • English
  • German
  • Hungarian
  • Italian
  • Swedish
  • Spanish

2Preview

3Get the code

Paste it into your page where the widget should appear.

First widget on the page

Includes the script that loads the widget.

<script type="text/javascript" src="https://www.footballwidgets.com/js/major_cup_widgets.js" async="async"></script>
<div class="tlds_major_cup_widget" data-widget="group_table" data-comp="-6" data-radius="4"></div>

Additional widgets

Already placed another of our World Cup widgets on this page? Use this shorter version instead.

<div class="tlds_major_cup_widget" data-widget="group_table" data-comp="-6" data-radius="4"></div>

Configuration options

  • Group SelectorChoose whether you want the widget to include the ability for a user to switch between group tables or simply display a single group.
  • GroupSelect the group you want the table to show data for. If you have included a group selector this option will define which group should be shown as default when the widget is first loaded.
  • Results GridChoose whether the group table should include a results grid when viewed in wider formats. This grid appears on the right side of the table and shows scores in matches between teams in the group.
  • CornersChoose square corners or round the outer corners of the widget to match the style of your page.
  • LanguageSelect the language the widget should use to match your page and audience.