      <table class="ranking-gmb" style="text-align: center; margin: auto;" cellpadding="5" cellspacing="0">
        <thead>
          <tr>
            <th style="font-size: 16px; width:50">{{'ranking'|trans}}</th>
            <th style="font-size:16px; width:210">{{'code'|trans}}</th>
            <th style="font-size:16px; width:40">{{'description-short'|trans}}</th>
            <th style="font-size: 16px; width:100">{{'views-total'|trans}}</th>
            <th style="font-size: 16px; width:75">{{'views-searchs'|trans}}</th>
            <th style="font-size: 16px; width:75">{{'views-maps'|trans}}</th>
          </tr>
        </thead>
        <tbody>
          {% for item in data['views-location-ranking'] %}
            <tr style="background-color: {{ cycle(['#fff', '#e5e5e5'], loop.index) }}">
              <td style="font-size: 16px; width:50">{{loop.index}}</td>
              <td style="font-size:12px; width:210">{{item.locationCode}}</td>
              <td style="font-size:16px; width:40">{{item.locationDescription|length > 7 ? item.locationDescription|slice(0, 6) ~ '...' : item.locationDescription}}</td>
              <td style="font-size: 16px; width:100">{{item.total.formatted}}</td>
              <td style="font-size: 16px; width:75">{{attribute(item, 'views-searches').formatted}}</td>
              <td style="font-size: 16px; width:75">{{attribute(item, 'views-maps').formatted}}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>   