我在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)
一旦我这样做,我的所有标题及其数据都会被错位.当我们水平滚动数据表时,效果是可见的.
我该如何解决这个问题.
我在 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 = 0和endRow = 20和pageSize = 20 //我的要求
ag-grid提供的功能如下:
startRow = 0 and endRow = 100 and pageSize = 100 //默认配置
有什么方法可以更改 ag-grid 的默认配置。任何人都可以帮助我吗?!
我在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)
任何解决方案表示赞赏。谢谢!