Betting Entertainment Tools

Widgets Demo

Live Table

A season.liveTable brings the current standings of all teams in the selected competition and also shows the direction of change in the positioning (with green and red arrows). The information is updated live during matches. The detailed table includes points collected, number of wins/losses/draws, goals scored/conceded and the most recent performances of each team. It's not applicable for matches in knockout stages or cups or friendly games.

All properties are optional but in order to render a livetable you will need to provide one of the following parameter combinations:

  1. matchId,
  2. tournamentId,
  3. seasonId,
  4. uniqueTournamentId,
  5. tournamentId and seasonId, used when showing a certain group inside a competiton ( example: UEFA champions, Group A ).
Parameters
Name Type Attributes Default Description
props object <required>
matchId number <required>

Match Id.
tournamentId number <required>

Tournament Id.
seasonId number <required>

Season Id.
uniqueTournamentId number <required>

Unique Tournament Id.
disableWidgetHeader boolean false

When set to true, hides widget header.
showOnlySelectedGroup boolean false

Works in pair with matchId. When set to true, shows only the group of the selected match (doesn't affect tournaments with no groups).
disableWdlLegend boolean false

When set to true, disables WDL legend.
showSpecificTable string

When set, shows only that (one) table view. Valid values: overall, home, away. NBA, NFL: league, conference, division.
selectedTab number

When set, determines active tab. Check tableHeaders in CONST.liveTable to get valid values.
selectedTabLeague number

NBA, NFL: When set, determines league's active tab. Check leaguetypeid in CONST.liveTable to get valid values.
onItemClick function

Function/event handler. Emits teamId on click or touch.
ignoreLiveMatchesData boolean

When set to true, team positions are only updated after the match.
onTrack function

Function/event handler, see Tracking options.
autoShowCurrentStage number

When set, widget will automatically switch to current stage tab if data is available.
disablePromotionIndicator number

When set, promotion indicator is disabled.
Examples

HTML/Declarative

<div id="sr-widget" data-sr-widget="season.liveTable" data-sr-match-id="28933404" data-sr-show-only-selected-group="true"></div>
<script type="application/javascript" src="https://widgets.sir.sportradar.com/sportradar/widgetloader" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'season.liveTable', {matchId: 28933404, showOnlySelectedGroup: true});
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.sir.sportradar.com/sportradar/widgetloader","SIR", {
        language: 'en'
    });
    SIR('addWidget', '#sr-widget', 'season.liveTable', {matchId: 28933404, showOnlySelectedGroup: true, onItemClick: function(type, obj){alert('teamId: ' + obj.teamId);}});
</script>
<div id="sr-widget"></div>