如何更改数据表中的总行数

时间:2017-11-01 19:10:31

标签: datatable

我正在开发一个使用symfony 3的应用程序,我正在使用数据表。

为了避免获取所有数据库行,我使用doctrine的paginator。所以我希望数据表首先获得100个元素,然后当我点击下一个按钮时,它将为下一个100个元素充电。

我的问题是,当设置前100个元素的数据表时,我点击下一步按钮。 (因为它显示了100个元素,因此没有其他元素)。我想告诉它我有超过100个元素。我怎么能这样做。

我的表:

 <table class="table table-striped table-bordered  dt-responsive nowrap" cellspacing="0" width="100%"
                   id="table_city">
                <thead>
                <tr>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Region</th>
                    <th>Country</th>
                    <th class="no-sort">Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for core_city in core_cities %}
                    <tr>
                        <td>{{ core_city.code }}</td>
                        <td>{{ core_city }}</td>
                        <td>{{ core_city.CoreRegion }}</td>
                        <td>{{ core_city.CoreRegion.coreCountry }}</td>
                        <td class="datatable_td_buttons">
                            <a class="m-portlet__nav-link btn m-btn  m-btn--icon m-btn--icon-only m-btn--pill"
                               title="Show" href="{{ path('core_city_show', { 'id': core_city.id }) }}">
                                <i class="la la-search"></i>
                            </a>
                            <a href="{{ path('core_city_edit', { 'id': core_city.id }) }}"
                               class="m-portlet__nav-link btn  m-btn--icon m-btn--icon-only m-btn--pill" title="Edit">
                                <i class="la la-edit"></i>
                            </a>
                            <a href="{{ path('core_zip_code_import_by_city', { 'id': core_city.id } ) }}"
                               class="m-portlet__nav-link btn  m-btn--icon m-btn--icon-only m-btn--pill"
                               title="Import Zip Code">
                                <i class="la la-upload"></i>
                            </a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

1 个答案:

答案 0 :(得分:0)

我找到了解决方案:

$('#example').dataTable( {
  "infoCallback": function( settings, start, end, max, total, pre ) {
    return start +" to "+ end;
  }
} );