language.lengthMenu
分页长度选项字符串。
说明
详细说明更改分页长度选项的下拉菜单时所执行的操作。Token _MENU_
是用 10、25、50 和 100 的默认选择列表替换(或由 lengthMenu
指定的任何其他值),可以在需要时替换为自定义选择列表。此选项是针对 pageLength.text
的每张表设置,可用于覆盖此选项(例如,如果表有两个或多个分页长度控件)。
从 DataTables 2 开始,生成的 DOM 结构可能会根据 _MENU_
Token 在字符串中的位置而发生改变。如果 Token 在字符串的开头或结束处,则生成的 DOM 将在 label
之外的 select
。这是出于可访问性的考虑,以允许在 select
和 label
之间建立一个显式链接(有关更多详细信息,请参见 此文章)。
如果 Token 在字符串的中间,则生成的 DOM 结构将在 label
中嵌套 select
,创建一个隐式链接(虽然 for
和 id
属性仍然设置)。一些屏幕阅读器很难处理此表单,因此不推荐这样做。
此 DOM 结构区别仅当您对页面应用自定义样式时才具有意义。您可能需要根据使用的字符串来更改您的 CSS。
此外,此属性还可以通过使用 language.entries
来轻松更新字符串,以与表中显示的特定数据类型相关。其复数将自动根据从选项列表中选择的数字进行解析。_ENTRIES_
替换 Token 应该用在您想要解析的 language.entries
值出现的地方。
类型
此选项可以提供以下类型
默认
- 值:
_MENU_ _ENTRIES_ 个每页
示例
仅语言更改
new DataTable('#myTable', {
language: {
lengthMenu: 'Display _MENU_ records'
}
});
用条目更改语言
new DataTable('#myTable', {
language: {
lengthMenu: 'Display _MENU_ _ENTRIES_',
entries: {
_: 'people',
1: 'person'
}
}
});
语言和选项更改(虽然最好使用 lengthMenu
!)
new DataTable('#myTable', {
language: {
lengthMenu:
'Display <select>' +
'<option value="10">10</option>' +
'<option value="20">20</option>' +
'<option value="30">30</option>' +
'<option value="40">40</option>' +
'<option value="50">50</option>' +
'<option value="-1">All</option>' +
'</select> records'
}
});
有关
以下选项直接相关,在您的应用程序开发中也可能有用。