ITXST.COM 为程序员提供优质教程和文档

ag-grid sizeColumnsToFit自适应大小

ag-grid当渲染完后可以通过sizeColumnsToFit自适应表格大小,比如div容器是600px,假设你有两列宽度加起来300px

ag-grid全选反选

ag-grid全选反选、按条件筛选、获取选中行数据。

ag-grid增加行删除行修改行

对ag-grid增加行删除行修改行,ag-grid更新数据有两种方法,api.updateRowData和rowNode.setData。

ag-grid setRowData重新设置表格行数据

ag-grid setRowData重新设置表格行数据,如果我们想通过自己定义的ajax方法更新行数据(会清除原因数据),这时就需要用到setRowData方法。

ag-grid设置行高列宽

ag-grid设置表格的行高和列的宽,表头的高度。

ag-grid checkbox设置复选框

本篇演示ag-grid全选反选功能,并把checkbox复选框固定再第一列及获取选中的值。

ag-grid设置选择行点击选中单行或多行

点击选中一行数据是表格里最常见的一种用户操作,那么ag-grid如何让用户点击选中一行数据,由如何获取选中的数据呢。

ag-grid定义列columnDefs及列属性

我们显示的表格是有横向(X轴)的数据行和竖向(Y轴)列组成,本章将详细讲解ag-gird如何定义列。

bootstrap table本地化中文设置

bootstrap table默认是英文语言包,我们可以通过以下设置进行本地化中文设置,比如分页、加载进度进行中文提示。

bootstrap table本地化中文设置

bootstrap table本地化中文设置,分页加载进度中文提示。

bootstrap table hideAllColumns隐藏所有列的方法

​bootstrap table hideAllColumns隐藏所有列。

bootstrap table showAllColumns显示所有列的方法

bootstrap table showAllColumns显示所有被隐藏的列。

bootstrap table getScrollPosition获取当前位置

bootstrap table getScrollPosition获取当前位置,配合滚动事件判断是否快到底部了,可以实现滚动到底部加载更多的数据,类似于手机上往下滑动加载更多数据。

bootstrap table getHiddenColumns获取隐藏的列的方法

bootstrap table getHiddenColumns获取表格隐藏的列,即获取哪些列当前不可见的列,因为有的列可以通过工具栏或者方法可以设置列隐藏,如何隐藏某个列请查看左侧菜单。

bootstrap table scrollTo滚动到指定位置

bootstrap table scrollTo滚动滚动条到指定位置,可以设置px或者行的索引来实现,参数 object或value二选一。

bootstrap table getVisibleColumns获取显示的列的方法

​bootstrap table getVisibleColumns获取显示的列,即获取哪些列当前可见的列,因为有的列可以通过工具栏或者方法被隐藏了。

bootstrap table filterBy数据刷选过滤器和查询条件

bootstrap table filterBy数据刷选过滤器,对表格数据进行刷选,比如找出ID为1、10 用户名为itxst的数据。注意这个方法只针对前端有效。

bootstrap table show/hide Column隐藏显示列的方法

bootstrap table showColumn显示指定的列,hideColumn隐藏指定的列。

bootstrap table getHiddenRows获取隐藏的行的方法

bootstrap table getHiddenRows获取隐藏的行,如果参数传入true会把隐藏的行显示但是不会返回隐藏的行,这点设计有点不合理。

bootstrap table hideRow显示行的方法

​bootstrap table hideRow方法用来控制移除某一行数据),可以根据index索引和uniqueId唯一ID条件来隐藏行。