小编Ren*_*abu的帖子

数据表标题和正文未对齐

我在Angular 6项目中使用jquery数据表创建了一个数据表.在我的例子中,用户可以使用弹出窗体中的表格切换列.以下是弹出窗口:

在此输入图像描述

当用户选择/取消选择相应的列标题并保存时,我执行以下步骤; 1.过滤数组以仅获取需要显示的标题
2.使用删除数据表

$(".data-table").DataTable().destroy();
Run Code Online (Sandbox Code Playgroud)

3.使用以下方法重新初始化数据表:

var table = $(".data-table").DataTable({
    dom:
      "<'row'<'#tblnoitfy'>><'row'<'col-sm-4'l><'col-sm-8'p>>" +
      "<'row'<'col-sm-12'tr>>",
    fixedHeader: {
      header: true,
      footer: true
    },
    scrollY: "calc(100vh - 154px)",
    paging: false,
    scrollX: true,
    scrollCollapse: true,
    searching: false,
    bDestroy: true,
    bAutoWidth: true,
    bDeferRender: true,
    info: false,
    aaSorting: [],
    language: {
      emptyTable: " "
    }
  });

  $(".dataTables_empty").append(this.noDataHtml());
});
Run Code Online (Sandbox Code Playgroud)

一旦我这样做,我的所有标题及其数据都会被错位.当我们水平滚动数据表时,效果是可见的.

我该如何解决这个问题.

datatables angular

5
推荐指数
0
解决办法
77
查看次数

ag-grid 中的自定义页面大小

我在 Angular 6 应用程序中使用 ag-grid 作为表。以下是我的ag-grid 的gridOptions配置。

  gridOptions: GridOptions = {
    rowBuffer: 0,
    rowSelection: "multiple",
    rowModelType: "infinite",
    cacheOverflowSize: 2,
    maxConcurrentDatasourceRequests: 2,
    infiniteInitialRowCount: 1,
    maxBlocksInCache: 2
  };
Run Code Online (Sandbox Code Playgroud)

在浏览ag-grid 的文档时,我无法找到无限滚动的自定义页面大小。

我的要求是页面大小为20

startRow = 0endRow = 20pageSize = 20 //我的要求

ag-grid提供的功能如下:

startRow = 0 and endRow = 100 and pageSize = 100 //默认配置

有什么方法可以更改 ag-grid 的默认配置。任何人都可以帮助我吗?!

ag-grid ag-grid-ng2 angular

5
推荐指数
1
解决办法
2万
查看次数

Safari后退按钮不适用于Google Maps

我在Angular 5应用程序中使用了Google Maps。当我在角度组件中调用新的google.maps.Map(...)时,Safari将历史记录状态添加到浏览器历史记录中。简而言之:如果打开包含地图的页面,则必须两次单击Safari中的“后退”按钮以返回上一页。我使用了最新版本的地图,并使用script标签将其包括在内:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHlCTJeb84dO9VEnrIqXdxpX5YNba2h7I"></script>
Run Code Online (Sandbox Code Playgroud)

任何解决方案表示赞赏。谢谢!

javascript google-maps google-maps-api-3 angular6

5
推荐指数
0
解决办法
203
查看次数