ngx-datatable 页脚自定义

2024-02-04

如何自定义 ngx 数据表。我无法找到必须更改代码以删除记录总数并将其替换为下拉列表以显示每页项目的位置。我的分页也缺少一些图标。


使用自定义页脚模板(请参阅下面的链接)。所以它会覆盖默认的页脚。

https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/footer.component.ts https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/footer.component.ts

Examples

如果您只想删除页脚,只需使用:

<ngx-datatable-footer></ngx-datatable-footer>

如果你想定制它:

<ngx-datatable-footer>
  <ng-template
    ngx-datatable-footer-template
    let-rowCount="rowCount"
    let-pageSize="pageSize"
    let-selectedCount="selectedCount"
    let-curPage="curPage"
    let-offset="offset"
  >
    <div style="padding: 5px 10px">
      <div><strong>Summary</strong>: Gender: Female</div>
      <hr style="width:100%" />
      <div>
        Rows: {{ rowCount }} | Size: {{ pageSize }} | Current:
        {{ curPage }} | Offset: {{ offset }}
      </div>
    </div>
  </ng-template>
</ngx-datatable-footer>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ngx-datatable 页脚自定义 的相关文章

  • 在 C# 中通过委托实现观察者模式?

    有一个问题已经回答了 那就是在C 中 观察者模式不是已经使用事件实现了吗 https stackoverflow com questions 32034 in c isnt the observer pattern already impl
  • Rails 验证中的单词计数

    我使用以下验证来计算 Rails 中的单词数 我从 Rails 文档中获取了示例 但它并不真正准确 validates body length gt minimum gt 50 maximum gt 300 tokenizer gt lam
  • 将日志文件保持在一定大小

    我有一个在信息亭 C WPF 中的独立平板电脑上运行的应用程序 它对文本文件执行一些典型的日志记录操作 随着这些日志的增长 PC 具有有限的磁盘空间来存储这些日志 我需要做的是能够指定日志文件允许的最大大小 如果在尝试写入日志时超出最大大小
  • 使用 EF Core 和 MySQL 实现行版本的更好方法?

    如果我在模型中使用以下字段 DatabaseGenerated DatabaseGeneratedOption Computed Timestamp public DateTime RowVersion get set 然后将该列定义为 R
  • Composer 不检测 php7,而是使用 5.6。如何设置 CLI 以使用 php7

    当我执行时在这里php v 它说它有 php7 但是当我尝试执行时composer update 回应它 Your requirements could not be resolved to an installable set of pa
  • MySQL 多重选择、多个Where 子句

    我不想为一项操作运行数百个 SELECT 查询 而是只想运行一个大查询 我希望这能减轻服务器上的负载 SELECT SELECT link type id FROM connections WHERE node to id 0 AND no
  • 使用 AAD 应用程序密钥和服务主体密码之间的身份验证差异

    要在 Azure 中运行应用程序 我需要在 Azure AD 中创建应用程序和相应的服务主体 然后我的应用程序针对此应用程序 主体对进行身份验证 为了进行身份验证 我可以在应用程序注册中创建应用程序密钥 或者可以在服务主体中创建密码 以及其
  • Visual Studio 2017 HRESULT: 0x80070005 / E_ACCESSDENIED 项目创建

    我正在运行 Visual Studio 2017 版本 15 0 0 26228 9 当我尝试通过创建一个新项目时文件 gt 新建 gt 项目 在 Visual Studio 2017 中 我收到以下错误消息 并且未创建项目 访问被拒绝 H
  • 将 YAML 文件中的数字替换为随机数

    我有一个包含很多数字的文件 我希望每个数字都被替换为随机数 以便Python脚本更改YAML文件 如何用 Python 编写这个代码 h 1 X 950 00000 Y 1500 00000 Z 150 00000 h 2 X 950 00
  • 如何动态添加 XML 副本

    我正在制作一个Android应用程序 我想在线性布局中复制一些XML代码 并将其重新插入到线性布局中 以便线性布局中有两个相对布局 我想通过下面的代码动态地执行此操作

随机推荐

  • python 中的构造函数和初始值设定项有什么区别? [复制]

    这个问题在这里已经有答案了 可能的重复 Python 和 Python C API new versus init https stackoverflow com questions 4859129 python and python c
  • 在 React 测试库中发现多个元素错误

    我在查询时遇到问题 我正在尝试获取两个无线电输入 其中之一没有任何问题 但另一个反应测试库引发了错误 It Found multiple elements with the role radio and name to i queries
  • EclEmma 代码覆盖率忽略 Junit 测试

    我发现在 JUnit 测试中不检查代码覆盖率的唯一方法是右键单击包 选择 Coverage as 然后选择配置 然后我可以取消单击我的测试包 我已经尝试了所有可能的组合来排除test在常规首选项 java 代码覆盖率 排除下 没有看到任何变
  • url重写index.php

    我有类似的网址 http mysite com index php p resources http mysite com index php p resources s view id 938 但我想要像这样的网址 http mysite
  • `Object obj(args...)` 和 `Object obj{args...}` 有什么区别?

    草稿本有效的C 11 http scottmeyers blogspot com 2013 01 effective c11 content and status html斯科特 迈耶斯 Scott Meyers 指出 创建对象时区分 和
  • ASP.Net MVC 控制器命名空间数组

    我注意到 MapRoute 扩展包含一个重载 它接受称为 命名空间 的 string 参数 我读了谷歌为我提供的内容 据说这是为了帮助框架在它不会找到的地方找到控制器 我做了一些尖峰 并尝试将控制器放在奇怪的位置 我把一个放在 Script
  • 在WPF中设置具有2个级别的TreeView HierarchicalDataTemplate

    我有一个在窗口的 DataContext 中表示的视图模型 public class SchoolViewModel ViewModelBase public ObservableCollection
  • Jetpack compose中的[NestedScrollView + RecyclerView]或[NestedRecyclerView(另一个回收器内的回收器)相当于什么

    I want to create the following layout in Jetpack compose 我尝试在垂直可滚动框中创建两个列表 但这是不可能的 因为我收到了此错误 java lang IllegalStateExcep
  • 如何向枚举添加扩展方法

    我有这个枚举代码 enum Duration Day Week Month 我可以为此枚举添加扩展方法吗 根据这个site http damieng com blog 2012 10 29 8 things you probably did
  • python 中的全局关键字

    我正在学习 python 并与其中的 global 关键字作斗争vscode 到目前为止 代码可以正常工作 但是vscodelinter 引发错误 我想了解原因 我尝试过使用 global 关键字 即使出现 linter 错误 代码也可以正
  • 从 Service Worker 中获取 Service Worker ID 或日期

    有谁知道是否有办法在服务人员内部获取此号码或日期 命名我的服务工作线程缓存会很方便cache 1182 or cache 20171127171448 我想在安装事件之前必须知道接收日期 不 这个东西不存在于Service Worker 规
  • Angular 2 - 将 URL 与路由匹配

    是否可以获取 URL 或路径并找出它在代码隐藏中匹配的路由 Ex Router matchRoute my route 返回有关匹配路由的信息 例如 path my route component HeroListComponent dat
  • 如何在XAML中创建类的实例?

    我想创建没有可视元素的简单实用程序类 并在 XAML 中创建它 以便我可以定义数据绑定 我尝试创建派生类DependencyObject并创建它Window Resources部分 但它不调用任何构造函数 您可以在 app xaml 中实例
  • strcpy() 中的分段错误

    我有这样的基本结构 typedef struct struck char id char mat int value char place Truck 像这样的函数创建该结构的新 实例 Truck CTruck char id char m
  • 在 Eclipse 中调试。在断点之间移动

    我正在 Eclipse 中调试 JAVA 代码 假设迭代循环内有 2 个断点 如何直接进入断点 同时在每次迭代时跳过其余代码 按 F8 这也是Resume按钮 这将带你到断点 从那里使用 F6 调试每一行 如果您想转到下一个断点 请按 F8
  • Apollo graphQL 中 useQuery 和 useLazyQuery 有什么区别?

    我正在浏览 Apollo React hooks 的文档 并看到有两个查询钩子可供使用 其中是useQuery and useLazyQuery 我正在读这一页 https www apollographql com docs react
  • 当在字符串中按下 QpushButton 时,如何在 QlineEdit 中获取文本?

    我正在尝试实现一个功能 我的代码如下 当用户单击名为 connect 的按钮时 我想在 shost 字符串中获取带有对象名 host 的 lineedit 中的文本 我怎样才能做到这一点 我尝试过但失败了 我该如何实现这个功能呢 impor
  • JavaScript - 挂钩对所有“点击”事件的一些检查

    因此 我有一个附加到几个按钮的常规 onclick 事件 处理 onclick 事件的每个函数都会执行不同的操作 因此我不能为这两个事件重用相同的函数 element1 onclick function if this classList
  • 系统中发现硒元素,但 Jenkins 中未发现

    我和我的团队最近开始使用 Selenium Web Driver 和 JUnit 开发自动化脚本 我面临一个问题 而且我真的不知道如何继续 任何建议都会有用 问题是 我有一个页面 在其中我以表单形式上传两个 Excel 然后按提交按钮确认上
  • ngx-datatable 页脚自定义

    如何自定义 ngx 数据表 我无法找到必须更改代码以删除记录总数并将其替换为下拉列表以显示每页项目的位置 我的分页也缺少一些图标 使用自定义页脚模板 请参阅下面的链接 所以它会覆盖默认的页脚 https github com swimlan