StatsFC

League Table

Here you'll find sample code and an example of our League Table widget. The widget comes with it's own CSS, and is fully customisable.

This widget is also available as a WordPress plugin: StatsFC Table.

Full Code Example

<html>
<head>
    <title>Your Website Title</title>
</head>
<body>

    <!-- Load jQuery -->
    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

    <!-- Load Stats FC League Table SDK -->
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://statsfc-4f51.kxcdn.com/widget/table-2.0.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'statsfc-table-js'));
    </script>

    <!-- Your league table here -->
    <div class="statsfc-table"
        data-key="YOUR STATSFC KEY"
        data-competition="EPL"
        data-table-type="full"
        data-show-badges="true"
        data-use-default-css="true">
    </div>

</body>
</html>

Settings

Setting HTML5 Attribute Description Default
key data-key Required. Your Stats FC account key. None
competition data-competition Required. The key of the competition you want to show the league table for.
None
group data-group Optional. The competition's group you want to show the table for.
E.g., A, B
None
season data-season Optional. The season you want to show the table for.
E.g., 2016/2017
None
tableType data-table-type Optional. The type of table you want to display.
Can be one of: full, mini
full
highlight data-highlight Optional. The name of the team you want to highlight.
E.g., Manchester City, Liverpool
None
rows data-rows Optional. The number of rows you want to show.
E.g., 3, 5
None
date data-date Optional. The date you want to show the league table for (YYYY-MM-DD).
E.g., 2017-08-21
None
showBadges data-show-badges Optional. Whether or not you want to display team badges.
Can be one of: true, false
false
showForm data-show-form Optional. Whether or not you want to show the form from the last six matches.
Can be one of: true, false
false
omitErrors data-omit-errors Optional. Whether or not you want to omit error messages.
Can be one of: true, false
false
useDefaultCss data-use-default-css Optional. Whether or not you want to use the widget's default styles.
Can be one of: true, false
false
lang data-lang Optional. The ISO 639-1 two-letter language code.
en

Code Generator

Field Value

Credits

If you'd like to help us with any translations please get in touch at hello@statsfc.com or on Twitter @StatsFC.